`
robinqu
  • 浏览: 90251 次
  • 性别: 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类似,这个让然觉得比较疯狂。
分享到:
评论

相关推荐

    IE 下dom查看器

    **标题:“IE 下DOM查看器”** 在Internet Explorer(IE)浏览器中,DOM(文档对象模型)查看器是一个强大的工具,允许开发者和网页设计者深入理解网页结构,并对其进行交互式编辑。DOM是W3C标准,它将HTML或XML...

    IEdom查看javascript工具

    **IEdom查看JavaScript工具详解** 在Web开发领域,DOM(Document Object Model)是HTML和XML文档的标准表示,它提供了一种结构化的表示方式,使开发者可以方便地通过JavaScript或其他编程语言来操作网页元素。"IE...

    IEDevToolBarSetup +IEDOM

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

    JavaScript获取HTML DOM节点元素的方法的总结

    以上方法为JavaScript操作DOM的基本方式,掌握它们能够帮助开发者灵活地访问和修改网页的各个部分。值得注意的是,不同的浏览器在实现DOM接口时可能存在差异,因此在进行跨浏览器开发时,应考虑使用像jQuery、...

    IEDevToolBar ie下dom调试

    "暗示IEDevToolBar可能是开发者个人偏好的选择,因为它在功能或用户体验上优于iedom,iedom是另一个用于IE的DOM调试工具。这可能意味着IEDevToolBar提供了更直观的界面、更强大的功能或者更高效的性能。 **...

    JavaScript 和 HTML DOM 参考手册

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

    两个精典的DOM查看器 IEDOM & DevToolBar

    "IEDOM.rar"可能包含的是IE DOM Inspector的相关资源或旧版本的下载,而"IEDevToolBarSetup.msi"则是安装IE DevToolBar的安装程序。这些工具在早期的Web开发中扮演了重要角色,即使在今天,它们所代表的理念和技术...

    JavaScript中Dom操作实例详解.docx

    JavaScript 中 Dom 操作实例详解 在 JavaScript 中,DOM 操作是指对 HTML 文档中的元素节点进行操作,包括增加、删除、修改和查找节点等。以下是 JavaScript 中 DOM 操作的实例详解。 一、增加节点 增加节点的...

    javascript dom编程艺术 第2版 源码

    《JavaScript DOM编程艺术 第2版》是一本深入探讨JavaScript与DOM(Document Object Model)交互的权威书籍。DOM是Web页面的结构化表示,通过JavaScript,我们可以利用DOM来动态地操作HTML和XML文档,实现丰富的交互...

    Javascript DOM编程艺术(中文版)

    ### JavaScript DOM编程艺术知识点概述 #### 一、DOM基础概念 **1.1 DOM简介** DOM(Document Object Model)即文档对象模型,是一种与平台和语言无关的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和...

    javascript DOM 操作.doc

    IE 中是以ActiveX来支持DOM的,共有5个版本:Microsoft.XmlDom、MSXML2.DOMDocument、MSXML2.DOMDocument.2.0、MSXML2.DOMDocument.3.0和MSXML2.DOMDocument.4.0。 创建方法:在IE中,可以使用以下代码创建一个DOM...

    javascript 操作xml_dom对象整理集合

    在JavaScript中,有多种方式解析XML文档,例如`DOMParser`和`ActiveXObject`(仅限IE)。`DOMParser`是现代浏览器广泛支持的方法,通过`new DOMParser().parseFromString(xmlString, "text/xml")`将XML字符串转换为...

    IEdom-plugin

    【IEdom-plugin】是一款专为JavaScript开发者设计的插件,它主要功能是帮助用户查看并操作浏览器中的DOM(Document Object Model)结构。DOM作为网页内容的编程接口,是HTML和XML文档的标准表示,允许程序和脚本动态...

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

    4. **JSON支持**:虽然现在大多数浏览器都内置了JSON支持,但IE7及以下版本没有原生的`JSON.parse`和`JSON.stringify`,需要引入第三方库或自定义函数。 5. **跨域请求**:IE和Firefox对AJAX跨域请求的处理方式不同...

    IE中调试javascript

    ### IE中调试JavaScript #### 一、引言 在网页开发过程中,JavaScript(简称JS)是一种必不可少的语言,它为网页提供了交互性和动态效果。然而,在不同的浏览器环境下调试JavaScript代码却是一项挑战,尤其是在...

Global site tag (gtag.js) - Google Analytics