innerHTML和P标签

最新推荐文章于 2021-06-04 09:17:04 发布

pumaboyd

最新推荐文章于 2021-06-04 09:17:04 发布

阅读量813

点赞数

分类专栏： HTML/CSS/Javascript 文章标签： JavaScript HTML ViewUI

HTML/CSS/Javascript 专栏收录该内容

1 篇文章

订阅专栏

本文探讨了在HTML中P标签内部使用div标签违反W3C规范的情况，并通过JavaScript操作DOM时可能出现的问题进行了说明。提供了测试代码以验证IE6中的错误提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Tips：P标签不可innerHTML中包含div
知道P标签下插入div标签是不符合W3C规范的。但确一直没意思到，当你用javascript操作DOM结构时，如果使用inerHTML插入P标签中的内容有div，IE6将会提示错误。
可以复制下面的代码在IE6测试一下：

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<html>
<head>
<title>Test</title>
</head>
<script>
var page =
{
SetElementP:function()
{
document.getElementById(”p1″).innerHTML=”<div>www.pumaboyd.com</div>”;
},
SetElementDIV:function()
{
document.getElementById(”div1″).innerHTML=”<div>www.pumaboyd.com</div>”
}
}
</script>
<body>
<input type=”button” onclick=”page.SetElementP(’sss’)” value=”P” />
<input type=”button” onclick=”page.SetElementDIV(’sss’)” value=”div” />
<p id=”p1″></p>
<div id=”div1″></div>
</body>
</html>