js给节点添加属性,js通过什么方式修改元素内容

　　本教程运行环境：windows7系统，javascript1.8.5版本1.8.5，戴尔G3电脑。

　　javascript修改元素节点的属性

　　setAttribute() 方法设置属性值

　　使用元素的setAttribute()方法设置元素的属性值。用法如下：

　　SetAttribute(name，value)参数name和value分别表示属性名和属性值。名称和属性值必须作为字符串传递。如果元素中存在指定的属性，将刷新其值；如果它不存在，setAttribute()方法将为元素创建属性并赋值。

　　Div= red 红色框/div

　　Div id=blue 蓝色框/div

　　脚本

　　var red=document . getelementbyid( red )；//获取红框的引用

　　var blue=document . getelementbyid( blue )；//获取对蓝框的引用

　　Red.setAttribute(title ，这是红框)；//设置红框对象的标题属性和值

　　Blue.setAttribute(title ，这是蓝框)；//设置蓝框对象的标题属性和值

　　/scriptremoveAttribute() 方法删除属性

　　使用元素的removeAttribute()方法删除指定的属性。用法如下：

　　removeAttribute(name)参数名称指示元素的属性名称。

　　示例：

　　脚本

　　Window.onload=function () {//加载绑定页面时的事件处理函数

　　var table=document . getelementbytagname( table )[0]；//获取表格轮廓的引用

　　var del=document . getelementbyid( del )；

　　var reset=document . getelementbyid( reset )；

　　del.onclick=function () {

　　table . remove attribute( border )；

　　}

　　reset.onclick=function () {

　　table.setAttribute(border ， 2 )；

　　}

　　/脚本

　　表格宽度=100% 边框=2

　　tr

　　Td数据表单/td

　　tr

　　/表格

　　button id= del delete/button button id= reset restore/button在上面的例子中，设计了两个按钮，并与不同的事件处理程序绑定。点击“删除”按钮调用表格的removeAttribute()方法清除表格边框，点击“恢复”按钮调用表格的setAttribute()方法重置我表弟可以使用的粗细。

　　【相关推荐：javascript学习教程】以上是javascript如何修改元素节点属性的详细内容。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。