JavaScript 教程 目录

NodeList 对象

面试官:小伙子,你的代码为什么这么丝滑?

在 JavaScript 中,NodeList 是一个类数组对象,用于表示 DOM 元素的集合。NodeList 对象通常由一些 DOM 方法返回,比如 querySelectorAllgetElementsByTagName

创建 NodeList 对象

可以通过以下方法来创建一个 NodeList 对象:

-- -- -------- ----- -------- --
----- -------- - ---------------------------------

-- -------------- -------- --
----- ------ - ----------------------------------
----- -------- - ------------------

访问 NodeList 中的元素

NodeList 对象是类数组对象,可以通过索引来访问其中的元素:

----- -------- - ---------------------------------
------------------------- -- -------
----------------------------- -- -- -------- ------

遍历 NodeList

可以使用 forEach 方法或者 for...of 循环来遍历 NodeList 中的元素:

----- -------- - ---------------------------------

-- -- ------- ----
-------------------------- ------ -- -
  -------------------- -------
---

-- -- -------- ----
--- ------ ------- -- --------- -
  ---------------------
-

NodeList 的注意事项

  • NodeList 是实时的,即当文档结构发生变化时,NodeList 也会随之变化。
  • NodeList 不是数组,虽然类似数组,但不能使用数组的方法,比如 pushpop
  • 如果需要将 NodeList 转换为数组,可以使用 Array.from(nodeList) 方法。

以上就是关于 NodeList 对象的介绍,希望对你有所帮助!


上一篇:HTMLCollection 对象
下一篇:JavaScript Number 对象