Question

我编写了这个脚本，以了解如何使用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>

加载页面后，我可以看到呈现的新节点，但在View Source（Chrome中）中没有。为什么会这样？

Answer 1

查看源仅显示返回到服务器的初始http请求的内容，但它不会显示稍后添加的动态元素。

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

Answer 2

使用＆＃34;查看来源＆＃34;通常，在Javascript编辑之前，您会看到来自服务器的原始响应。

您是否正在查看您的＆＃34; - LOL - ＆＃34;页面中的文字？

如果要检查来源，则应使用更新内容的F12工具。

createElement（）未显示在视图源中

2 个答案: