获取html div的确切内容

Question

在html页面上给出这个div：

<div id="div1"> <table> fred </div>

如何使用javascript将“div1”的内容提取到字符串中，以便字符串具有以下值：

" <table> fred "

使用以下代码：

var a = document.getElementById('div1').innerHTML;

不成功，因为浏览器会在字符串中添加标记以尝试创建有效的html表标记。

Answer 1

用另外两个线程（Get exact html() with closing tag for which starting tag is missing和Use javascript to get raw html code）写的，实现你想要的唯一方法是通过AJAX。

bobince phrased it pretty well：

  

如果您确实需要获取网页的实际源HTML，则可以XMLHttpRequest创建自己的网址（location.href）并获取完整的，未解析的HTML源代码。 responseText。几乎没有充分的理由这样做。

Answer 2

使用innerHTML没关系，但如果您不希望浏览器为您修复标记，则应使用：

<div id="div1"> &lt;table&gt; fred </div>

否则您正在编写无效的HTML

Answer 3

无法忽略不正确的标记。修复标记或使用<和>代替<和>。

来源：Why is my (incorrect) DOM structure auto-corrected after JQuery DOM manipulation?

Answer 4

只需使用Jquery：

$('#div1').html()