JavaScript获取DOM节点的办法(JS笔记:十九)

JavaScript获取DOM节点的方法(JS笔记:十九)

---

DOM节点的三种分类：

• 元素节点<div></div>元素标签
• 文本节点"hello word"文本
• 属性节点class id name属性
   

DOM获取节点的方法：

• 通过id获取：document.getElementById()
  • 参数：元素id命，不用加#
  • 返回的是对应id的DOM对象
• 通过class获取：document.getElementsByClassName()
  • 参数：元素class类名，不用加.
  • 返回的是对应class的DOM节点对象集合，是一个伪数组，注意是所有节点
• 通过标签名获取：document.getElementsByTagName()
  • 参数：元素标签
  • 返回的是对应标签名的DOM节点对象集合，是一个伪数组，注意是所有节点
• 通过css选择器获取：document.querySelector()
  • 参数：css选择器，#id，.class，tag等
  • 返回的是对应css选择器对应的第一个标签
• 通过css选择器获取：document.querySelectorAll()
  • 参数：css选择器，#id，.class，tag等
  • 返回的是对应css选择器对应的DOM属性节点对象集合，是一个伪数组，注意是元素节点

如果元素有id可以直接通过id获取到该DOM元素(但是不建议使用)

<button id="btn">点我</button>
console.log(btn); // <button id="btn"></button>

 
 
(JS笔记:十九    date:2020-12-23)