如何在没有JavaScript脚本块的情况下获取div的内容

我有下面的HTML

<div id="example">
...some text...
<script type="text/javascript">
... some javascript...
</script>
</div>

…一些文本。。。
... 一些javascript。。。

---

如何获取

#示例

的内容，但又不包含JavaScript标记或JavaScript代码？

为了回答一般问题，如果需要获取未包含某些子节点的节点的内容，可能需要删除不需要的标记，在本例中是脚本标记

---

如果您需要保持原始文件的完整性，请查看cloneNode（），了解如何获取节点的克隆，以便在不接触原始文件的情况下进行操作。

如果您只想获取

id=“example”

中的文本，您可以使用：

var getExample = document.getElementById('example').innerHTML;

或者使用

jQuery

：

var $getExample = $('#example').html();

我假设您只是不希望

JavaScript

在

id=“example”

div中，因为您标记了这个

JavaScript

。在这种情况下，您可以创建一个

JavaScript

文件，并使用

<script src="javascriptFileName.js"></script>

---

这将放在正文的底部。

使用jquery，您可以尝试这种方式。看这里

---

但是为什么要把JS放在那里？

为什么要把JS放在那里？把它放在HTML源代码的顶部或底部，它在哪里并不重要（人们会告诉你应该全部放在

标题

标签中，或者全部放在

/body

之前，但我不明白为什么这两种方式都有关系。我想他们会说把它放在body结尾之前。因此，如果你有大量代码，页面会首先加载。如果你引用的是某个内容，那么它需要放在sc之前的页面上嗨，Pandit，你必须有你的理由把脚本标记放在它所在的地方（如果没有，你应该像Andrew说的那样移动它）。不过，我会很乐意分享一些你尝试过的代码。

var el = $('#example').clone();
el.find('script').remove();
alert(el.html());