Google Chrome下无法获取标签innerHTML问题

最新推荐文章于 2023-09-15 14:00:00 发布

巷中人

最新推荐文章于 2023-09-15 14:00:00 发布

阅读量657

点赞数

文章标签： xhtml 开发工具

原文链接：http://www.cnblogs.com/xuchengzone/archive/2012/07/10/2584385.html

版权

测试HTML：

 1 <html xmlns="http://www.w3.org/1999/xhtml">
 2 
 3 <head>
 4 
 5 </head>
 6 
 7 <body ><p id="msgp">
 8 
 9 <div>
10 
11 <span id="msg">
12 
13 xxxxxxooooo</span></div></p>
14 
15 </body>
16 
17 </html>

问题症状：通过document.getElementByID("msg").innerHTML 无法获取span标签的内容，获取值的永远都是空。

解决思路：通过对出现问题的页面进行dom删除，剩下最终出问题的部分。最终确定是由于没有遵循HTML规范在P标记中包含div导致页面渲染成另外一种形式。复制出Chrome开发工具生成的代码如下

1 <html xmlns="http://www.w3.org/1999/xhtml"><head>
2 </head>
3 <body><p id="msgp">
4 </p><div>
5 <span id="msg">
6 xxxxxxooooo</span></div><p></p>
7 
8 </body></html>