problem on html() in IE

the html() function return a wrong content, it help me add some unwant "<p>" tag (can see belows example code)

the alert for IE will be

"<p>show<span id=hidden><div>this is a div</div>this is a testing</span><p></p>"

an unwanted <p> added before the </p>

but it works great at firefox

example code:

<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 StrictEN" "http:www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

<title>testing</title>

$(document).ready(function(){

var content = $("div.test-body").html();

alert(content);

$("div.test-body").html(content);

})

</script>

#hidden {

display:none;

}

</style>

</head>

<body>

<p>show<span id="hidden"><div>this is a DIV</div>this is a testing</span></p>

</div>

</body>

</html>

Attachments (1)

Change History (1)

resolution:	→ invalid
status:	new → closed

IE does not understand XHTML, and will treat your document using HTML4 rules. In HTML4, the

<p>

element cannot contain other block-level elements such as

<div>

, so your markup is invalid as far as IE is concerned.

Side navigation