var topDom = document.getElementsByClassName("top")[0]; var btnsDom = topDom.getElementsByTagName("button"); var contentDom = document.getElementsByClassName("content")[0]; var lisDom = contentDom.getElementsByTagName("li");
时间: 2024-04-24 15:21:17 浏览: 153
Document:getElementsByName()使用方法及示例
这段代码是用 JavaScript 获取页面上的 DOM 元素,并将它们存储在相应的变量中。
首先,通过 `document.getElementsByClassName("top")[0]` 获取到 class 名称为 "top" 的元素节点,并将其存储在变量 `topDom` 中。注意,`getElementsByClassName` 返回的是一个类数组对象,通过索引 `[0]` 可以取得第一个匹配的元素节点。
接下来,通过 `topDom.getElementsByTagName("button")` 获取到 `topDom` 元素下的所有 button 元素节点,并将它们存储在变量 `btnsDom` 中。同样地,`getElementsByTagName` 返回的是一个类数组对象。
然后,通过 `document.getElementsByClassName("content")[0]` 获取到 class 名称为 "content" 的元素节点,并将其存储在变量 `contentDom` 中。
最后,通过 `contentDom.getElementsByTagName("li")` 获取到 `contentDom` 元素下的所有 li 元素节点,并将它们存储在变量 `lisDom` 中。
这段代码的作用是获取页面上特定 class 名称的元素,并将它们存储在相应的变量中,以便后续对它们进行操作或者获取信息。
阅读全文