首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

IE!IE!这个怪了.哪位高手能解释

2012-02-05 
IE!!IE!!这个怪了.谁能解释!scriptlanguage javascript type text/javascript functionappendAfte

IE!!IE!!这个怪了.谁能解释!
<script   language= "javascript "   type= "text/javascript ">
function   appendAfter(nodeid)
{
var   node   =   document.getElementById(nodeid);
alert(document.getElementById(nodeid).innerHTML);//注意这里
var   tmp   =   document.getElementById(nodeid).innerHTML;
alert(tmp);//注意这里
document.getElementById( "selectrow86 ").innerHTML   =   tmp;
alert(document.getElementById( "selectrow86 ").innerHTML);//特别注意这里!!!

}
</script>
           
<li>
<label> c1 </label>

        <select   size= "1 "   id= "selectrow85 "   name= "selectrow85 ">
<option   value= '33469 '> v1 </option> <option   value= '33548 '> v2 </option> <option   value= 'both '> v1   and   v2 </option>
        </select>

    &nbsp;&nbsp;&nbsp; <a   href= "javascript:void(0) "   onclick= "appendAfter( 'selectrow85 ') "> more </a> </li>

<select   size= "1 "   id= "selectrow86 "   name= "selectrow86 ">
</select>

以上代码如果在IE6里面运行,你会得到奇怪的结果..firefox正确.请教!!!

[解决办法]
对于 <select> 这个元素,你最好不要用 innerHTML 来操作,而是使用
obj.options[i] = new Option( "text ", "value ", true, true); 添加
用数组的 remove 方式来减少项
[解决办法]
IE 不支持设置 select、table、TD、TR 等元素的 innerHTML 属性。

热点排行