javascript - jQuery:html() 函数与真实的 HTML 不匹配

Question

我正在尝试获取 div 的确切 html 内容。

使用 jQuery 的 html() 函数时，结果与实际内容不匹配。

请检查这个 fiddle 并单击黑色方 block :

http://jsfiddle.net/qRska/6/

代码:

<div id="mydiv" style="width:100px; height: 100px; background-color:#000000; cursor:pointer;">

    <div id="INSIDE" style="background-color:#ffffff; border-style:none;"></div>

</div>

$('#mydiv').click(function() {
    alert($(this).html());
});

jQuery 将颜色更改为 RGB 格式并删除 border-style 属性。

如何解决这个问题？

Answer 1

浏览器使用 HTML，生成 DOM，然后丢弃 HTML。 innerHTML(这是 .html() 最终命中的内容)将 DOM 序列化回 HTML。

如果您想获取原始 HTML，则需要使用 XMLHttpRequest 获取当前 URL 的源代码，然后自行处理。