如何用JavaScript获取htmltag的元素

本篇文章将使用实际代码为初学者解释如何使用 JavaScript 获取 htmltag 元素。

什么是 documentElement 属性？

documentElement属性是作为标准包含在 JavaScript 中的文档对象的属性。

对于用 HTML 编写的文档，例如网页，它是 <html> 元素，它是根元素（围绕整体的原始元素）。

由于 documentElement 属性是 document 对象的属性，因此可以通过如下编写来使用。

document.documentElement

当在用 HTML 编写的网页上运行时，它包含 HTML 元素。

由于 HTML 元素是根元素，它是 HTML 文档的基础，您可以从那里跟随到子元素，例如 head 和 body。

如果您阅读以 XML 编写的文档并使用 documentElement 属性，则会存储 XML 根元素。在这种情况下，可以从 XML 的根元素执行添加和删除等操作。

如何用JavaScript获取htmltag的元素

获取HTML元素，可以通过对用HTML编写的文档执行下面的描述来获取。

let rootElement = document.documentElement;

现在我们在名为 rootElement 的变量中有了 HTML 元素。

现在我们已经获得了HTML元素，也就是根元素，接下来我们将介绍一些使用HTML元素的处理。

如果设置了lang属性，也就是语言定义，可以通过如下写法查看。

console.log(rootElement.lang);

此外，通过连接 childNodes 属性，您可以访问作为 HTML 子元素的 head 和 body 元素。

console.log(rootElement.childNodes);

这里我们在控制台中显示子元素列表。

引入了存储根元素的 documentElement 属性。

只要您了解它是根元素，就可以将它用于任何用 HTML 编写的内容，例如网站或 XML 文档。