JSremoveAttribute（）方法实现删除元素的某个属性

JSremoveAttribute（）⽅法实现删除元素的某个属性
在 JavaScript 中，使⽤元素的 removeAttribute() ⽅法可以删除指定的属性。

⽤法如下：
removeAttribute(name)
参数 name 表⽰元素的属性名。

⽰例1
下⾯⽰例演⽰了如何动态设置表格的边框。

<script>
window.onload = function () { //绑定页⾯加载完毕时的事件处理函数
var table = document.getElementByTagName("table")[0]; //获取表格外框的引⽤
var del = document.getElementById("del");
var reset = document.getElementById("reset");
del.onclick = function () {
table.removeAttribute("border");
}
reset.onclick = function () {
table.setAttribute("border", "2");
}
</script>
<table width="100%" border="2">
<tr>
<td>数据表格</td>
<tr>
</table>
<button id="del">删除</button><button id="reset">恢复</button>
在上⾯⽰例中设计了两个按钮，并分别绑定了不同的事件处理函数。

单击“删除”按钮即可调⽤表格的 removeAttribute() ⽅法清除表格边框，单击“恢复”按钮即可调⽤表格的 setAttribute() ⽅法重新设置表哥便可的粗细。

⽰例2
下⾯⽰例演⽰了如何⾃定义删除类函数，并调⽤该函数删除指定类名。

<script>
function hasClass (element, className) { //类名检测函数
var reg = new RegExp ('(\\s|^)' + className + '(\\s|$)');
return reg.test (element, className); //使⽤正则检测是否有相同的样式
}
function deleteClass (element, className) {
if (hasClass (element, className)) {
element.className.replace (reg, ' '); //捕获要删除样式，然后替换为空⽩字符串
}
}
</script>
<div id="red" class="red blue bold">盒⼦</div>
<script>
var red = document.getElementById ("red");
deleteClass (red, 'blue');
</script>
上⾯代码使⽤正则表达式检测 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⽅法接收的是要删除的属性节点它本⾝
到此这篇关于JS removeAttribute()⽅法实现删除元素的某个属性的⽂章就介绍到这了,更多相关JS removeAttribute()删除元素属性内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章希望⼤家以后多多⽀持！。