富贵资源网 Design By www.hznty.com
在 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方法接收的是要删除的属性节点它本身
富贵资源网 Design By www.hznty.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
富贵资源网 Design By www.hznty.com
暂无评论...
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。