javascript - createElement() 未显示在查看源代码中

<分区>

我编写此脚本是为了了解如何使用 createElement() 创建新节点:

<!DOCTYPE HTML>
<html>
<head>
<title>DOM Traversal</title>
</head>

<body>

<div>

<p>Sample paragraph</p>
</div>
<h1>Sample H1</h1>

<script>
var p = document.getElementsByTagName("p")[0];
var n = document.createElement("strong");
n.innerHTML = "--LOL--";
p.appendChild(n);
console.log("Done!");

</script>
</body>

</html>

加载页面后，我可以看到呈现的新节点，但它不在“查看源代码”(在 Chrome 中)中。为什么会这样？

最佳答案

查看源代码只显示了对服务器的初始 http 请求返回的内容，但不显示后来添加的动态元素。

对于在 chrome 或其他浏览器中初始页面加载后的那些动态元素，您需要使用开发人员工具栏检查 DOM。 (在 Chrome 中按 F12)

关于javascript - createElement() 未显示在查看源代码中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24019132/