js通过什么方式修改元素内容,js修改元素的子元素属性

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: