IE 中的innerHTML？

Question

我在将 innerHTML 与单选按钮一起使用时遇到问题。

<table align="center">
 <div class='main'>
  <span id="js" class='info'>
   <label><input type="radio" name="js" value="0" size="<?php echo $row['size']; ?>" onclick="js(this.value, this.size);" /><img src="arrowup.png"/></label>
   <br />
   <label><input type="radio" name="js" value="1" size="<?php echo $row['size']; ?>" onclick="js(this.value, this.size);" /><img src="arrowdown.png"/></label>
  </span>
 </div>
</table>

我的 .js 看起来像这样：

var xmlhttp;

function getVote(a,b) {
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)   {
  alert ("Browser does not support HTTP Request");
  return;
  }
var url="js.php";
url=url+"?js="+a;
url=url+"&id="+b;
url=url+"&sid="+Math.random();
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}

function stateChanged() {

  if (xmlhttp.readyState==4) {
  document.getElementById("js").innerHTML=xmlhttp.responseText;
  }
}

function GetXmlHttpObject() {
var objXMLHttp=null;
if (window.XMLHttpRequest)   {
  objXMLHttp=new XMLHttpRequest();
  }
else if (window.ActiveXObject)   {
  objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
return objXMLHttp;
} 

This does not work only in IE!有什么帮助吗？

Answer 1

首先，非常确定直接在 TABLE 内的 DIV 是非法标记。

不要使用非法标记。浏览器会对它做出不同的反应（我最近让 Opera 忽略了一些非法的东西，而 IE 试图渲染它）。

虽然 IE 通常值得它，但首先让标记正确，然后看看 IE 是如何做的。可能是它未能按照您期望的方式渲染 DOM。

（FWIW，我在使用 IE 时遇到了一个内部 HTML 渲染问题，http://support。 microsoft.com/kb/276228/，但对于 SELECT 元素，所以我认为它不适用于此处）。

Answer 2

问题确实是表标签上的innerHTML。 IE 不支持包含在表标签周围的innerHTML，也不打算在未来的版本中解决此问题。

解决方法是使用 DOM 方法或最简单的方法：将表格包裹在 div 周围。

所以我最终得到：

<div id="js" align="center"><table>
        <span class='main'>
            <a onClick="getVote(this.value, this.size);" type="radio" value="0" size="<?php echo $row['id']; ?>" /><img src="arrowup.png"/></a>
            <br /><a onClick="getVote(this.value, this.size);" type="radio" value="1" size="<?php echo $row['id']; ?>" /><img src="arrowdown.png"/></a>
            </span>
</table></div>

还有另一个 IE 错误，如果将标签设置为图像，则会弄乱标签。请注意！我知道当我说 IE 很糟糕时你不会感到惊讶！

Answer 3

我知道这有点晚了，但以下是如何使用 jQuery 解决此问题：

$("#tableName").html(DataToWrite);