Question

这是一个简单的问题：是否有一种无需使用即可调用HTML元素的方法：

document.getElementsByTagName('HTML')[0]

使用JavaScript。为了得到身体，你可以做：

document.body

是否有使用JavaScript的更简单方法？

Answer 1

所有这些都可用于获取对<html>元素的引用：

document.documentElement
document.querySelector('html')
document.querySelectorAll('html')[0]
document.getElementById('foo')-如果设置了<html id="foo">
document.getElementsByClassName('bar')[0]-如果设置了<html class="bar">
document.getElementsByTagName('html')[0]
document.head.parentElement
document.body.parentElement

您还可以通过使用<html>或parentElement向上导航来获得对根parentNode元素的引用：

var anyElement = document.getElementById('somethingOtherThanHtml');
var htmlElement = anyElement;
while( htmlElement.tagName != "HTML" ) {
    htmlElement = htmlElement.parentElement;
}

并且document也是window的成员（实际上，window是所有浏览器网页脚本方案中的“根对象”），因此如果您只有{ {1}}，您可以转到window，依此类推。

Answer 2

您可以引用document.documentElement：

console.log(document.getElementsByTagName('HTML')[0] === document.documentElement);

Answer 3

您可以将ID添加到HTML元素，然后使用document.getElementById（“ idOfTheElement”）

Answer 4

您可以使用document.getElementByClassName("classname")之类的东西。

classname代表该标签的类

Answer 5

您可以使用queryselector：

document.querySelector('HTML')

有没有一种方法可以在不使用标记名的情况下调用HTML元素？

5 个答案: