innerHTML的一个奇怪问题

最新推荐文章于 2022-02-21 12:52:55 发布

最新推荐文章于 2022-02-21 12:52:55 发布 · 205 阅读

文章标签：

#Ajax #CSS #IE #Firefox

本文描述了一个关于在Internet Explorer浏览器下使用Ajax更新页面内容时遇到的问题及解决方案。作者最初尝试直接更新一个被CSS定义过的元素的内容，但在IE中遇到了阻塞问题。通过更改目标元素的ID并避开原有CSS定义，成功解决了该问题。

背景：使用ajax翻页

起初代码是这样的：

页面:
<div id="comment"><#include "/cn/videoplay/comment/listcomment.ftl"></div>

ajax:
$('comment).innerHTML = originalRequest.responseText;

在firefox下是好的，在IE下页面会挂在那不动，经检测ajax请求和相应都没问题，执行$('comment).innerHTML = originalRequest.responseText;就出了问题。

搞了半天也没搞出个所以然，无奈之下采用如下策略
页面:
<div id="comment"><div id="commentx"><#include "/cn/videoplay/comment/listcomment.ftl"></div></div>

ajax:
$('commentx').innerHTML = originalRequest.responseText;

问题解决了，但为什么会这样还是不知道，仅仅知道<div id="comment">中的comment在css文件中定义了，难道css定义了ID，执行$('comment).innerHTML = originalRequest.responseText;就会出错?其实originalRequest.responseText为很简单的字符串时不会出错,但一旦稍微复杂一点就会有问题.