js通过什么方式修改元素内容,js修改元素的子元素属性
本教程运行环境:windows7系统,javascript1.8.5版本1.8.5,戴尔G3电脑。
javascript修改元素的属性
方法1:使用setAttribute()
setAttribute()方法添加指定的属性并赋予它指定的值。如果指定的属性已经存在,则只设置/更改值。
语法:元素对象。setAttribute(属性,属性值);
示例:
divhello/div
欢迎来到PHP中文网站!/div
脚本类型=文本/javascript
var box=document . getelementbyid( box );
box.setAttribute(style , color:red;border:1px solid # 008000’);
//为box元素设置内嵌样式
/脚本渲染:
方法2:直接通过元素节点的style对象修改
语法:元素对象;风格;属性名=属性值;
示例:
divhello/div
欢迎来到PHP中文网站!/div
脚本类型=文本/javascript
var box=document . getelementbyid( box );
box . style . color= # fff ;
box . style . background color= # ff 6 c 8c ;
box . style . padding= 10px ;
/脚本渲染:
方法3:使用cssText 属性
语法:element object.style.csstext=属性名:属性值;;
示例:
divhello/div
欢迎来到PHP中文网站!/div
脚本类型=文本/javascript
var box=document . getelementbyid( box );
box . style . CSS text= color:# fff;背景色:# ffaa00填充:10px;
/脚本渲染:
【推荐学习:javascript高级教程】以上是javascript如何修改元素属性的细节。更多请关注我们的其他相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。