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

Question

我有以下HTML

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

如何获取#example的内容，但也没有JavaScript代码或JavaScript代码？

Answer 1

要回答一般性问题，如果您需要获取某个未包含某些孩子的节点的内容，您可能需要删除您不想要的标记，在您的情况下是脚本标签

如果您需要保持原始原封，请查看cloneNode（https://developer.mozilla.org/en-US/docs/Web/API/Node/cloneNode），了解如何获取可以处理的节点的克隆而不触及原始节点。

Answer 2

如果您只想抓取id="example"内的文字，可以使用：

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

或jQuery：

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

我假设您不想JavaScript div中的id="example"，就像您标记此JavaScript一样。在这种情况下，您可以创建一个JavaScript文件并使用

添加它

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

这将放在身体的底部。

Answer 3

使用jquery，您可以尝试这种方式。见http://jsfiddle.net/AnjJa/129/

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

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