好资源导航 » 文章资讯 » JS removeAttribute()方法实现删除元素的某个属性

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

2023-07-06 23:03:03 67

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

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

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




数据表格


删除恢复

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

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


盒子

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

removeAttribute

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

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

removeAttributeNode
注：此方法不兼容IE。

使用方法：

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

异同分析

相同点

不同点

到此这篇关于JSremoveAttribute()方法实现删除元素的某个属性的文章就介绍到这了,更多相关JSremoveAttribute()删除元素属性内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！