JAVASCRIPT 中所的 DOM 选择器

SELECTORS — 同样器用作用于标记称谓同样 HTML 血案

1. getElementByID() — 用作通过 ID 同样 HTML 血案。

让我们看一个例弟。

在侧面的字符串中会，我给了 p 标记一个副歌的 ID。

在侧面的 Jascript 中会，我概念了一个数组段落并将其分派给我的带有 ID = 副歌的 HTML 金属元素。 从前让我们在控制器中会拍照我们的驱动。

在控制器中会，我们可以明了地认出我们的 p 标记和该标记内的段落。

2. getElementByClassName(‘class_name’) — getElementByClassName(‘class’) 前往 HTMLCollection，其中会值得注意类名也就是说 ‘class_name’ 的所有 HTML 金属元素。 让我们看一个例弟

在侧面的 HTML 字符串中会，我概念了一个副歌类。

在这里，我概念了一个数组段落，并为其分派了一个带有副歌类名的 HTML 金属元素。 从前让我们看看驱动

您在侧面认出的驱动与您在此处认出的不同 HTMLCollection [p.paragraph] 它就让？ 正如我们在侧面概念的那样，getElementByClassName() 前往 HTMLcollection，其中会值得注意类名也就是说副歌的所有 HTML 金属元素，因此在侧面的驱动中会我们认出 p.paragraph 这也就是说 p 标记带有类名副歌。

3. querySelector() — querySelector() 前往比如说均须同样器的第一个弟金属元素。

我并未概念了 p 标记和 h1 标记，它们都带有副歌 id。

从前，我并未概念了 document.querySelector('#paragraph') 但为什么我用于 # 表示法？ 我用于了 # 表示法，因为我概念了带有 id 的 p 标记。 如果我用一个类概念了 p 标记，那么我的字符串将是——

正如你所认出的，即使我们并未用 id 副歌概念了 p 和 h1 标记，但是控制器只标示出 p 标记，这是为什么呢？ 这是因为 querySelector 前往第一个带有副歌 id 的弟金属元素，所以它只打印 p 标记。

4. querySelectorAll()——前往一个nodeList，它概念了比如说均须同样器的金属元素表列出。

在侧面的 html 字符串中会，我概念了值为 1,2,3,4,5 的表列出，其 ID 为表列出。

在侧面的 jascript 字符串中会，我们用于了 querySelectorAll(“#list”)，这将前往我们的项目表列出，让我们拍照驱动。

在这里您可以明了地认出它前往给我们一个路由器表列出，它概念了我们的表列出，您还可以认出 li#list 这也就是说 li 标记带有表列出 ID。

这就是伙计们!

昨天！