js可以去除同一类元素的所有id吗,求大神指教

JavaScript09

js可以去除同一类元素的所有id吗,求大神指教,第1张

可以使用removeAttribute来删除指定标签的属性,举例如下:

HTML代码:

设置了2个p标签以及1个div标签,分别为它们设置了id属性。

<p id="a">我是p标签1</p>

<p id="b">我是p标签2</p>

<div id="c">我是div标签</div>

JavaScript代码:

获取所有p标签,并循环清除它们的id属性。

var el = document.querySelectorAll('p')

for (var i=0 i<el.length i++){

    el[i].removeAttribute('id')

}

运行结果:

从运行结果中可以看出,2个p标签的id属性已经被删除了,而div的id属性还存在。

这样就可以将同一类的所有id属性都删除了。

1、通过元素的ID去拿元素,获取的是一个指定的元素(getElementById)。

2、通过元素的类名(class名)获取元素,获取的是一组元素集合(getElementsByClassName)。

3、通过元素的标签名获取(tagName),获取元素跟类名获取的一样,都是一组元素集合(getElementsByTagName)。

4、通过name属性(getElementsByName)。

5.获取html的方法(documentdocumentElement)。

6.获取body的方法(documentbody)。

7.通过选择器获取一个元素(querySelector)。8.通过选择器获取一组元素(querySelectorAll)。元素,现代数学集合论中,元素是组成集的每个对象,集合由元素组成,组成集合的每个对象也称为元素。

方法一:

使用DOM.setAttribute("class","类名")

方法二:

DOM.classList.add("类名")

方法一给DOM元素添加类名会覆盖原有的类名

方法二 可以给DOM元素添加一个类名后 还可以在继续给DOM元素添加新的类名 并且不会覆盖已有的类名

概念:把要添加的节点添加到指定父级里面的最后面,所以也叫追加。

使用方式:fatherdom.appendChild( insertdom )。

兼容性:所有浏览器都支持此方法。

概念:把要插入的节点添加到指定父级里面的指定节点之前。

使用方式:fatherdom.insertBefore( insertdom,chosendom )。

兼容性:所有浏览器都支持此方法,但是值得注意的是,如果第二个参数节点不存在,在IE和Safari下会把要添加的节点使用appendChild()方法追加到指定父级中,而其他主流浏览器(Firefox、Chrome、Opera等)下会报错,所以在插入节点的时候,需要先判断第二个参数节点是否存在

效果

注意:很多人都认为设置disabled="true"是为启用,设置为“false”时为禁用,这是错的。