在js中 ， 通过获得指定节点对象 ， 便可以给节点添加style样式 。 下面小编以div节点为例 ， 讲解如何利用js实现在指定节点添加style 。
文章插图
需要这些哦
html+js
代码编纂器：Dreamweaver CS5
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解若何操纵js实此刻指定节点添加style 。
文章插图
2在test.html文件内 ， 利用div标签建立一个模块 ， 并设置其id为ccdiv 。
文章插图
3【如何利用js实现在指定节点添加style】在test.html文件内 ， 利用button标签建立一个按钮 ， 给button按钮绑定onclick点击事务 ， 当按钮被点击时 ， 执行editDivCss()函数 。
文章插图
4在js标签中 ， 建立editDivCss()函数 ， 在函数内 ， 利用getElementById方式经由过程id获得div对象 。
文章插图
5在editDivCss()函数内 ， 经由过程对象给div添加style ， 并经由过程style设置div的宽度为120px ， 高度为120px ,布景颜色为灰色 。
文章插图
6在浏览器打开test.html文件 ， 点击按钮 ， 查看成果 。
文章插图
文章插图
总结：11、利用div标签建立一个模块 ， 并设置其id为ccdiv 。
2、在js中 ， 利用getElementById方式经由过程id获得div对象 ， 经由过程对象给div添加style ， 并经由过程style设置div的宽度为120px ， 高度为120px ,布景颜色为灰色 。
以上内容就是如何利用js实现在指定节点添加style的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- wpsPPT中如何制作太阳形封面样式
- 荣耀手机如何固定屏幕
- 亲测 如何免费制作GIF图？
- wpsPPT中如何制作云朵形目录样式
- 原创优质百度经验如何如何制作发布
- wps如何使用uml用例图创建点餐流程
- wpsPPT中如何绘制大树
- 西施犬如何饲养 不能太频繁洗澡
- 蓝口贝的内脏如何处理 如何清洗蓝贻贝的内脏
- 如何给狗狗做美容 狗狗洗澡技巧