您的位置：首页 > 产品设计 > UI/UE

innerHTML和Value在IE、Firefox、Chrome中的处理方式差别

2011-05-12 16:24 330 查看

新建一个文本文档，输入下面的内容，重命名为“a.html”。

<textarea id="QQ"></textarea>

[code]<script>

//document.getElementById("QQ").value = '1111';

document.getElementById("QQ").innerHTML = 'sfsdfsdfsfaf';

document.getElementById("QQ").value = '1111';

// 弹出节点"QQ"的InnerHTML和Value

alert("innerHTML:"+document.getElementById("QQ").innerHTML+"Value:"+document.getElementById("QQ").value);

</script>

[/code]

一、先给innerHTML赋值，然后给Value赋值

用IE 7打开，结果如下：

用Firefox 4.0.1打开，结果如下：

用Chrome 10.0.648.204打开，结果与Firefox相同：

二、把代码中的第五行注释掉，在3个浏览器中的结果是相同的：

三、取消第三行的注释，显示结果如下：

总结：◎先给innerHTML赋值，然后给Value赋值。在IE 7下，给value赋值会覆盖innerHTML的值，在Firefox 4和Chrome 10中则不会覆盖。

◎只给innerHTML赋值，不给Value赋值。三个浏览器自动把innerHTML的值赋给了Value。

◎先给Value赋值，然后给innerHTML赋值。在Firefox 4下，innerHTML的值不覆盖Value的值，其他2个浏览器覆盖。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航