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

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

本文主要介绍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()删除元素属性的更多信息,请搜索我们之前的文章或者继续浏览下面的相关文章。希望大家以后能多多支持我们!

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