Javascript 解释这个DOM遍历顺序
我编写了以下页面作为DOM遍历演示：Javascript 解释这个DOM遍历顺序,javascript,Javascript,我编写了以下页面作为DOM遍历演示： <html> <head> <title>DOM Traversal</title> </head> <body> <h1>Sample H1</h1> <div id="text"> <p>Sample paragraph</p>
<html>
<head>
<title>DOM Traversal</title>
</head>
<body>
<h1>Sample H1</h1>
<div id="text">
<p>Sample paragraph</p>
</div>
</body>
<script>
// Traversing the DOM tree
"use strict";
var node = document.body;
while(node) {
console.log(node);
node = node.lastChild;
}
</script>
</html>
DOM遍历
样本H1
示例段落
//遍历DOM树
“严格使用”；
var节点=document.body；
while（节点）{
console.log（节点）；
node=node.lastChild；
}
令人惊讶的是，我得到的输出是
bodyscript脚本主体body脚本头body脚本正文htmlheadbody等待文档准备就绪后，您会发现只有（移动的）主体内的文档仍然存在。解决此类“问题”的一个好方法是首先验证源代码 W3C HTML验证程序等工具将帮助您避免此类问题： 验证代码将返回以下结果：
Line 11, Column 12: document type does not allow element "SCRIPT" here
<script>
The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).
One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).
第11行第12列：文档类型此处不允许元素“SCRIPT”
在不允许的上下文中找到了上面命名的元素。这可能意味着您有不正确的嵌套元素，例如“body”部分中的“style”元素而不是“head”内部的元素，或者两个元素重叠（这是不允许的）。
此错误的一个常见原因是在HTML文档中使用XHTML语法。由于HTML的隐式封闭元素规则，此错误可能会产生级联效果。例如，在HTML文档的“head”部分中使用XHTML的“self-closing”标记表示“meta”和“link”，可能会导致解析器推断“head”部分的结尾和“body”部分的开头（其中不允许使用“link”和“meta”；因此报告了错误）。