js的实用操作之removeAttribute

1.HTML DOM removeAttribute() 方法-----这是可以删除指定的属性,如需移除若干个属性,请使用空格分隔属性名称。例如:style,readonly等。

实例:

let cc = document.getElementsByTagName("Input"); //此时使用的是寻找标签名的方法,即div,input之类的,这样可以快速找到一类元素。
                   console.log('sc-1', cc);
                   cc[19].removeAttribute("readonly");//如果换成removeAttr则会报错!!!!!

此外,还可以这样用它的变种removeAttr()。但是它的优点是可以直接在一个 jQuery 对象上调用该方法,并且它解决了跨浏览器的属性名不同的问题。

它只能搭配jQuery 对象使用,

$("input").removeAttr("readonly"); //注意这种通过标签名寻找dom元素的方式,比较简洁。和上面的cc一样的结果。
$("textarea").removeAttr("readonly");

拓展:

removeProp(“固有属性名”)仅仅会移除掉所有匹配到的元素的固有属性的值,(不能移除新增属性),属性名会保留。

posted @ 2023-02-11 11:39  122www  阅读(562)  评论(0编辑  收藏  举报