查看动态生成的代码

时间:2016-05-03 15:28:19

标签: javascript jquery

我如何查看我使用 jquery / Javascript创建动态的代码?

4 个答案:

答案 0 :(得分:1)

在大多数浏览器中,右键单击页面,然后单击“检查元素”将允许您查看所述页面的标记。

此标记将包含使用JavaScript和/或jQuery生成的任何标记。

注意:由于问题中缺少详细信息,我认为您希望在浏览器呈现页面后查看页面的标记。

修改:请参阅Quentin's answer,因为它们提供了有关某些主要浏览器提供的开发者工具的信息的链接。

答案 1 :(得分:0)

您可以使用jQuery的text()功能:

$("div.someClass").text(code_to_display);

答案 2 :(得分:0)

var div = document.createElement("div");
div.id = "myDiv";
document.body.appendChild(div);

查看Chrome开发者工具中的Elements标签(或其他浏览器中的类似标签),然后滚动到<body></body>标记的底部以查看新元素。

答案 3 :(得分:0)

大多数浏览器都有内置的开发人员工具,其中包括DOM检查器。它们通常可以通过选择&#34; Inspect Element&#34;从视口内的上下文菜单中。