繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > IE浏览器的DOM模型
- Javascript
- AJAX教程(14)：通过XMLHTTP加载XML文件
- AJAX教程(15)：通过XMLHTTP进行一次HEAD请求
- AJAX教程(16)：通过XMLHTTP进行一次指定的HEAD请求
- AJAX教程(17)：把XML文件显示为HTML表格
- JS通过WMI获取客户端硬件信息
- JavaScript中使用远程脚本
- 关于Ajax技术的注意事项
- XMLHttpRequest创建智能表单
- iframe创建智能表单
- JS教程:线小测试程序
- 在Web页面中使用计时器
- 将事件处理器作为HTML标记的属性
- 事件处理器作为浏览器对象的属性
- Math对象应用详解
- random()方法和pow()方法
- charAt()方法和charCodeAt()方法
- Number对象常用的toFixed()方法
- JS教程:为什么尽量用局部变量代替全局变量
- 解决JavaScript循环中的过多操作
- 处理提示“脚本运行时间过长的提示框”问题
Javascript 中的 IE浏览器的DOM模型
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 173 ::
收藏到网摘: n/a
IE 处理 “/>” 形式的结尾标签有问题。如下面这段：
<form …> <table … /> </form>
如果使用 JavaScript 向表格内添加表单元素<input>，你会发现在 IE 中<form>并没有把这些<input>包含起来。为什么呢？看看<table>元素的 innerHTML 就知道了：第一行竟然是“</form>”！可见 IE 对这种情况的处理有多糟糕。FireFox下就没有这种情况。
IE 的 DOM 模型不允许设置 <table> 元素的 innerHTML。在 DHTML 参考文档你会看到，IE 建议使用 insertRow 等方法来操作表格内容，而使用 table.innerHTML=… 在 IE 下面就会报错。 FireFox 没有这个问题。
IE 的 DOM 模型不能正确地创建单选框。如下面的 JavaScript 代码：
var radio = document.createElement(‘input’); radio.setAttribute(‘type’, ‘radio’); radio.setAttribute(‘name’, name); radio.setAttribute(“value”, value);
如果把这样创建出来的单选框放到页面上，在 IE 下这些单选框都没法选中。FireFox没有这个问题。折中的解决办法是：
function createRadio(name, value) {
if (navigator.appName.indexOf(“Microsoft”) != -1) {
var radio = document.createElement(‘<input type=”radio” name=”‘ + name + ‘” />’);
radio.value = value;
return radio;
} else {
var radio = document.createElement(‘input’);
radio.setAttribute(‘type’, ‘radio’);
radio.setAttribute(‘name’, name);
radio.setAttribute(“value”, value);
return radio;
}
}
评论 (0) All
