# JS原生选择器

# querySelectorAll方法相比getElementsBy系列方法有什么区别?

# 1. 所属W3C规范不同

  • querySelectorAll属于W3C中的Selectors API规范。
  • getElementsBy系列则属于W3C的DOM规范。

# 2. 接收参数不同

  • querySelectorAll方法接收的参数是一个CSS选择符。
  • getElementsBy系列接收的参数只能是单一的className、tagName和name。

# 3. 返回值差异

  • querySelectorAll 返回的是一个静态NodeList。NodeList对象会包含文档中的所有节点,如Element、Text和Comment等。
  • getElementsBy系列的返回的是一个 HTMLCollection 对象。HTMLCollection对象只会包含文档中的Element节点。
Last Updated: 4/14/2020, 11:24:10 PM