js的元素节点选取一

1、querySelectorAll

<script>
const nodeList = document.querySelectorAll(".example");
for (let i = 0; i < nodeList.length; i++) {
  nodeList[i].style.backgroundColor = "red";
}
</script>

2、querySelector

使用 class="example" 获取第一个 <p> 元素：
document.querySelector("p.example");

3、querySelector >

选择第一个 <p> 元素，其父元素是 <div> 元素:
document.querySelector("div > p");

4、选择第一个具有“target”属性的 <a> 元素：
document.querySelector("a[target]");

5、

使用 id="demo" 更改元素的文本：

document.querySelector("#demo").innerHTML = "Hello World!";