jsDOM学习

Posted 2020-07-27

js选择DOM的几种方式

• document.querySelector()

------这个方法就是获取DOM元素的选择器

**这个方法有多个查找的元素，通过‘,‘隔开，但是其不存在先后关系，找到在文档中第一个出现的要查找的元素后就停止了

document.querySelector("#dome");      //获取id为dome的元素
document.querySelector(".dome");      //获取属性class=”dome“的第一个元素
document.querySelector("p");          //获取文档中的第一个p标签
document.querySelector("p.dome");     //同理，获取class=‘dome‘的第一个p标签
document.querySelector("a[target]");  //选择第一个有target属性的a标签

• document.getElementByTagNames().getAttribute()

------这个方法就是获取通过选择器选择的元素的属性，所以必须先选择元素

**getAttributeNote()方法同这个方法一样，但是返回结果为一个数组对象，适用于多个元素的属性获取