`
robinqu
  • 浏览: 88876 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

Javascript IE4 DOM

阅读更多
很多IE独有的DOM特性是沿袭自IE4的,所以有必要看看IE4 DOM的特性,与W3C的DOM模型有所区别。

引用
IE 4 does not support childNodes[], but it provides a similar children[] array on its Document and HTMLElement objects.

IE 4 does not have a Text node type and does not consider strings of text to be children.

the textual content of a <p> tag is available through the IE 4 innerText property


IE4 不支持childNodes[],但是有children[],功能相似;
IE4没有文本节点这回事,根本就不把文本串当做一个子节点。
要修改节点的文本内容,必须要用innerText属性。

Finding Document Elements
寻找元素

引用
IE 4 does not support the getElementById() and getElementsByTagName() methods of the Document object.

Instead, the Document object and all document elements have an array property named all[].
Note that all[] does not simply represent the children of the document or the element; it represents all descendants, no matter how deeply nested.

If there is more than one such element (which can happen, because it is common to have multiple form elements, such as radio buttons, with the same name attribute), the result is an array of those elements.


IE4不支持getElementById()、getElementByTagName()等Document方法。(IE6肯定支持啊)

但是,每个节点都有一个all[]属性,代表了该元素的所有子节点。该属性可以通过元素的name属性进行更进一步的访问。如果某个节点的子孙节点有多个元素含有同一个name属性,那么通过all[]返回的仍然是数组。
all[]数组本身还有一个tags()方法,通过传递一个标签名来进一步筛选。
IE4中,标签名必须是大写。

var specialParagraph = document.all["special"];
var buttons = form.all["shippingMethod"];  // May return an array

var specialParagraph = document.all.special;
var buttons = form.all.shippingMethod;

Using the all[] array in this way provides the same basic functionality as getElementById() and getElementsByName().

a tags() method that can be used to obtain an array of elements by tag name.

var lists = document.all.tags("UL");  // Find all <ul> tags in the document
var items = lists[0].all.tags("LI");  // Find all <li> tags in the first <ul>


引用
Note, however, that in IE 4, the tag name must be specified using all uppercase letters.

The IE 4 HTMLElement object defines setAttribute(), getAttribute(), and removeAttribute() methods as well.


IE4中HTMLElement对象也定义了setAttribute(), getAttribute(), 和removeAttribute()方法。

Modifying Documents
修改文档

IE里面修改文档可以直接通过这几个属性更改文档内容:
innerHTML outerHTML innerText outerText insertAdjacentHTML() insertAdjacentText()

概念和innerHTML类似,这个让然觉得比较疯狂。
分享到:
评论

相关推荐

    IEDevToolBarSetup +IEDOM

    DevToolBar 和 IEDOM 都是Web开发的利器,只要装一个就好了,感觉功能差不多,为了方便起见 一起传上来了。 安装后打开IE浏览器,工具栏中出现箭头(DevToolBar)或查找(IEDOM )的按钮,点击就可以十分方便的...

    JavaScript 和 HTML DOM 参考手册

    采用w3cschool里面的手册离线制作而成,相比w3school里面的手册更加详细,chm文件中的其它部分教程站点并未离线下来,需要联网...如果报脚本错误,是因为在线访问网站百度推广广告的原因,将ie的安全级别设置为高即可。

    IEdom查看javascript工具

    非常好的查看网页dom的javascript工具。

    javascript脚本化文档

    它并没有标准化,并且IE 5以及随后采用了W3C DOM的浏览器版本也仍然支持IE 4 DOM。IE4 DOM的一部分也被其他的浏览器所采用,并且,它仍然在Web中发挥作用。在介绍了IE4 DOM的标准替代之后,将在本章末尾介绍它。 ...

    Javascript Event事件中IE与标准DOM的比较

    1.事件流的区别 IE采用冒泡型事件 Netscape使用捕获型事件 DOM使用先捕获后冒泡型事件 示例: 代码如下: &lt;body&gt; &lt;div&gt; &lt;button&gt;点击这里&lt;/button&gt; &lt;/div&gt; &lt;/body&gt; 冒泡型事件模型: button-...

    javascript IE中的DOM ready应用技巧

    Firefox有DOMContentLoaded事件可以轻松解决,可惜的就是IE没有。 MSDN关于JSCRIPT的一个方法有段不起眼的话,当页面DOM未加载完成时,调用doScroll方法时,会产生异常。那么我们反过来用,如果不异常,那么就是...

    javascript firefox兼容ie的dom方法脚本

    js firefox下兼容ie的dom的实现方法小结。利用我们为了兼容多浏览器写出更好的效果代码

    IE6升级到IE9兼容性问题和操作手册

    本文档内容涵盖:IE6升级到IE9过程中Javascript, DOM, HTML, CSS等方面的变化和调整。 概述 2 第一章:HTML 3 第一节:IE7-IE8更新 3 1. 如果缺少结束标记的 P 元素后跟 TABLE、FORM、NOFRAMES 或 NOSCRIPT 元素,会...

    javascript完全学习手册1 源码

    1.2 JavaScript的应用 4 1.2.1 客户端应用 5 1.2.2 服务器端应用 5 1.3 在Web页面中使用JavaScript 5 1.3.1 HTML的基本结构 5 1.3.2 在HTML中嵌入JavaScript 7 1.3.3 链接JavaScript文件 9 1.4 编写JavaScript的工具...

    JavaScript与DOM组合动态创建表格实例

    所有全面支持DOM 1.0的浏览器都能很好地运行本篇的实例,比如IE5,Firefox等。概况 - Sample1.html  这篇文章通过实例代码介绍DOM。请从尝试下面的HTML例子开始。它使用DOM 1的方法由JavaScript动态创建一个HTML...

    dom:&lt;1KB库,用于JavaScript中的DOM选择

    1KB库,用于JavaScript中的DOM选择 下载 关于 尽管使用的次数越来越少,但jQuery仍会大量使用它的单个函数来执行许多不同的DOM操作。 随着越来越多的浏览器对简单功能的支持,一些jQuery的跨浏览器兼容性方法已经...

    ie6、ie7dom 元素重新渲染及zoom的使用

    初始: ... ie6、ie7下出现问题,"芒果推荐"所在的div 没有被撑下来,有...js操作DOM,有时候在IE6下简直就是噩梦,不渲染的解决方法通常都是zoom强制IE渲染来解决: javascript代码: 复制代码代码如下:document.body.st

    javascript事件捕获机制【深入分析IE和DOM中的事件模型】

    主要介绍了javascript事件捕获机制,结合实例形式分析了冒泡的原理、事件捕获、各浏览器事件处理机制与IE和DOM中的事件模型等,需要的朋友可以参考下

    IE javascript 调试工具

    FullSource 能显示javascript动态生成的DOM代码,特别对学习EXTJS 的人有帮助,ScriptDebugger 就是IE调试脚本的利器

    javascript完全学习手册2 源码

    第4章 JavaScript常用对象 4.1 Document对象 4.1.1 Document对象概述 4.1.2 使用Document对象 4.2 Form对象及其元素 4.2.1 Form对象概述 4.2.2 表单元素 4.2.3 表单元素属性和事件 4.2.4 表单验证 ...

    前段JS开发和DOM兼容问题大全

    这是收集了前段开发所遇到的兼容性问题,主要在JavaScript中的Dom在各浏览器之间的差异,包含解决方法!

    dom.js:微型javascript dom库

    DOM.js是一个轻量级的快速跨浏览器(IE 8 +,FF31 +,SF5 +,CH31 +,OP24 +)库,用于DOM遍历,操纵和事件处理。 Dom.js还包括用于简化跨浏览器拖动操作的拖动库。 仅压缩并压缩了5KB! API参考 目录 DOM遍历 ...

    DOM文档和Javascript的IE和Firefox兼容性

    NULL 博文链接:https://hudeyong926.iteye.com/blog/458178

Global site tag (gtag.js) - Google Analytics