可以使用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”时为禁用,这是错的。