本文主要介绍JS removeAttribute()方法删除元素的一个属性。通过示例代码进行了非常详细的介绍,对大家的学习或工作有一定的参考价值。让我们和边肖一起学习。
在JavaScript中,使用元素的removeAttribute()方法删除指定的属性。用法如下:
removeAttribute(名称)
name参数表示元素的属性名。
示例1
下面的例子演示了如何动态设置表格的边框。
脚本
Window.onload=function () {//加载绑定页面时的事件处理函数
var table=document . getelementbytagname( table )[0];//获取表格轮廓的引用
var del=document . getelementbyid( del );
var reset=document . getelementbyid( reset );
del.onclick=function () {
table . remove attribute( border );
}
reset.onclick=function () {
table.setAttribute(border , 2 );
}
/脚本
表格宽度=100% 边框=2
tr
Td数据表单/td
tr
/表格
Button id=del 删除/buttonbutton id=reset 还原/button
在上面的例子中,设计了两个按钮,并绑定了不同的事件处理函数。点击“删除”按钮调用表格的removeAttribute()方法清除表格边框,点击“恢复”按钮调用表格的setAttribute()方法重置我表弟可以使用的粗细。
示例2
下面的示例演示如何自定义delete class函数并调用它来删除指定的类名。
脚本
函数hasclass (element,class name){//类名检测函数
var reg=new regexp((s|^) class name ( s | $));
return reg.test (element,class name);//使用规律性来检测是否有相同的样式
}
函数deleteClass (element,className) {
if (hasClass (element,className)) {
element.className.replace (reg, );//捕获要删除的样式,用空字符串替换。
}
}
/脚本
div= red class= red blue bold box/div
脚本
var red=document . getelementbyid( red );
deleteClass(红色,蓝色);
/脚本
上面的代码使用正则表达式检测className属性值的字符串中是否包含指定的classname,如果包含,则用空字符串替换匹配的子串,从而实现删除类名的目的。
removeAttributeNode和removeattributenode方法之间的异同
removeAttribute
移除指定节点名称的属性。例子如下
document . getelementbyid( risk type pie )。remove attribute( style );
removeAttributeNode
注意:此方法与IE不兼容。
用法:
获取要删除其属性的元素。
获取要删除的元素的属性。
元素。removeAttributeNode属性
var node=document . getelementbyid( chart wrap );
var attr=n . getattributenode( style );
node . remove attribute node(attr);
异同分析
类似
这两种方法都用于删除节点属性。
这两种方法的调用方只能是标签节点。
差异
removeAttribute方法接收要删除的属性的名称。
removeAttributeNode方法接收要删除的属性节点本身。
这就是本文讲述的JS removeAttribute()方法删除一个元素的属性。关于JS removeAttribute()删除元素属性的更多信息,请搜索我们之前的文章或者继续浏览下面的相关文章。希望大家以后能多多支持我们!