本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。
在javascript中,可以使用removeAttribute方法删除子节点属性,语法格式为“removeAttribute(元素的属性名)”。removeAttribute方法删除指定的属性。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
在 JavaScript 中,使用元素的 removeAttribute() 方法可以删除指定的属性。用法如下:
1 |
|
参数 name 表示元素的属性名。
示例1
下面示例演示了如何动态设置表格的边框。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
|
在上面示例中设计了两个按钮,并分别绑定了不同的事件处理函数。单击“删除”按钮即可调用表格的 removeAttribute() 方法清除表格边框,单击“恢复”按钮即可调用表格的 setAttribute() 方法重新设置表哥便可的粗细。
示例2
下面示例演示了如何自定义删除类函数,并调用该函数删除指定类名。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
|
上面代码使用正则表达式检测 className 属性值字符串中是否包含指定的类名,如果存在,则使用空字符串替换掉匹配到的子字符串,从而实现删除类名的目的。
removeAttribute与removeAttributeNode方法异同
removeAttribute
移除节点指定名称的属性。示例如下
1 |
|
removeAttributeNode
注:此方法不兼容IE。
使用方法:
获取要删除属性的元素
获取该元素要删除的属性
<元素>.removeAttributeNode<属性>
1 2 3 |
|
异同分析
相同点
两个方法都是用来移除节点属性
两种方法调用者都只能是标签节点
不同点
removeAttribute方法接收的是要删除属性的名字
removeAttributeNode方法接收的是要删除的属性节点它本身
- javascript动态添加、修改、删除对象的属性与方法详解
【推荐学习:javascript高级教程】
以上就是javascript如何删除子节点属性的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《js》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者