一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

JS removeAttribute()方法实现删除元素的某个属性代码示例

时间:2021-01-11 编辑:袖梨 来源:一聚教程网

本篇文章小编给大家分享一下JS removeAttribute()方法实现删除元素的某个属性代码示例,文章代码介绍的很详细,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看。

在 JavaScript 中,使用元素的 removeAttribute() 方法可以删除指定的属性。用法如下:

removeAttribute(name)

参数 name 表示元素的属性名。

示例1

下面示例演示了如何动态设置表格的边框。


数据表格

在上面示例中设计了两个按钮,并分别绑定了不同的事件处理函数。单击“删除”按钮即可调用表格的 removeAttribute() 方法清除表格边框,单击“恢复”按钮即可调用表格的 setAttribute() 方法重新设置表哥便可的粗细。

示例2

下面示例演示了如何自定义删除类函数,并调用该函数删除指定类名。


盒子

上面代码使用正则表达式检测 className 属性值字符串中是否包含指定的类名,如果存在,则使用空字符串替换掉匹配到的子字符串,从而实现删除类名的目的。

removeAttribute与removeAttributeNode方法异同

removeAttribute

移除节点指定名称的属性。示例如下

document.getElementById('riskTypePie').removeAttribute("style");

removeAttributeNode

注:此方法不兼容IE。

使用方法:

获取要删除属性的元素

获取该元素要删除的属性

<元素>.removeAttributeNode<属性>

var node=document.getElementById('chartWrap');
var attr=n.getAttributeNode('style');
node.removeAttributeNode(attr);

异同分析

相同点

两个方法都是用来移除节点属性

两种方法调用者都只能是标签节点

不同点

removeAttribute方法接收的是要删除属性的名字

removeAttributeNode方法接收的是要删除的属性节点它本身

热门栏目