获取html div的确切内容

Question

Given this div on an html page :

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

How can I use javascript to extract the contents of "div1" into a string, so that the string has this value :

" <table> fred "

Using code such as :

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

is unsuccessful, because the browser adds markup to the string to try to create valid html table markup.

Answer 1

As written in two other threads ( Get exact html() with closing tag for which starting tag is missing and Use javascript to get raw html code ), the only way to achieve what you want is by means of AJAX.

bobince phrased it pretty well :

If you really really need to get your page's actual source HTML, you can make an XMLHttpRequest to your own URL ( location.href ) and get the full, unparsed HTML source in the responseText . There is almost never a good reason to do this.

Answer 2

Using innerHTML it's fine, but if you don't want the browser to fix your markup for you, you should use:

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

Otherwise you're writing invalid HTML

Answer 3

There is no way for it to ignore incorrect markup. Either fix your markup or use < and > instead of < and > .

Source: Why is my (incorrect) DOM structure auto-corrected after JQuery DOM manipulation?

Answer 4

只需使用Jquery：

$('#div1').html()