在HTML解析中,<;脚本>;是否将标记插入DOM树?
以以下为例:在HTML解析中,<;脚本>;是否将标记插入DOM树?,html,html-parsing,dom,Html,Html Parsing,Dom,以以下为例: <!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <script> document.write("<p>My First JavaScript</p>"); </script> <h1>My Second Heading</h1> </body> </html&g
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<script>
document.write("<p>My First JavaScript</p>");
</script>
<h1>My Second Heading</h1>
</body>
</html>
我的第一个标题
编写(“我的第一个JavaScript”;
我的第二个标题
元素体的子元素是什么?它将包含本身包含p
的脚本,还是直接包含p
它将包含script
元素,紧接着是脚本写入文档的p
元素
如果检查最终位于body元素中的节点,将得到如下结果:
[object Text]
[object HTMLHeadingElement]
[object Text]
[object HTMLScriptElement]
[object HTMLParagraphElement]
[object Text]
[object HTMLHeadingElement]
[object Text]
DOM元素的确切命名各不相同,文档中空白的文本节点也因浏览器而异,具体取决于HTML的解析方式。例如,IE7和IE8仅报告四个对象(h1、脚本、p、h1),空白不包括为元素:
[object]
[object]
[object]
[object]
演示: