JAVASCRIPT 中的 DOM 可执行

SELECTORS — 可执行常用可用附加名称考虑 HTML 血案

1. getElementByID() — 常用通过 ID 考虑 HTML 血案。

让我们看一个例长子。

在侧面的字符当中，我给了 p 附加一个前半部的 ID。

在侧面的 Javascript 当中，我度量了一个函数概要并将其分配给我的有着 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 为此表。

在侧面的 javascript 字符当中，我们可用了 querySelectorAll(“#list”)，这将回到我们的单项此表，让我们详细信息控制器。

在这里您可以相符地看得见它回到给我们一个端口此表，它度量了我们的此表，您还可以看得见 li#list 这仅仅 li 附加有着此表 ID。

这就是伙计们!

多谢！