`
qhs850105
  • 浏览: 7251 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
社区版块
存档分类
最新评论

firstChild在firefox和chrome浏览器的注意点

阅读更多

<ul id="myList">
    
<li>a</li>
    
<li>b</li>
    
<li>c</li>
    
<li>d</li>
    
<li>e</li>
    
<li>f</li>
</ul>

alert(document.getElementById("myList").firstChild.nodeType)
---------result----------------------------------------------

IE:        1

fireFox: 3

chrome:3

 

根据下面noteType类型值可以判断Firefox 会把无意义的空格和回车也算成一个文本节点。

 

 

 

 

DOM元素节点nodeType取值 整数 常量
1 ELEMENT_NODE,普通元素节点,如<html>,<p>,<div>,<span>,<img>
2 ATTRIBUTE_NODE,元素属性
3 TEXT_NODE,文本节点
4 CDATA_SECTION_NODE,即<![CDATA[ ]]>
5 ENTITY_REFERENCE_NODE,实体引用,如&amp;&nbsp;
6 ENTITY_NODE,实体,如<!ENTITY copyright “Copyright 2010, impng. All rights reserved”]>
7 PROCESSING_INSTRUCTION_NODE,PI,处理指令,如<?xml  version=”1.0″?>
8 COMMENT_NODE,注释<!–   –>
9 DOCUMENT_NODE,根节点,即document.nodeType
10 DOCUMENT_TYPE_NODE,DTD,文档类型<!DOCTYPE   >
11 DOCUMENT_FRAGMENT_NODE,文档片段
12 NOTATION_NODE,DTD中定义的记号
分享到:
评论

相关推荐

    解决Firefox下outerHTML不支持问题

    这是因为Firefox早期版本并未原生支持此属性,这与Chrome、Safari和Internet Explorer(从IE8开始)等其他浏览器的行为不同。为了解决这个问题,我们可以采用一些变通的方法。 一种常见的解决方案是利用`innerHTML`...

    检查浏览器IE6提示升级

    当检测到用户使用的是IE6时,会显示一个特定的警告消息,告知用户他们的浏览器版本过旧,建议升级到更现代的浏览器,如Chrome、Firefox、Edge或者更新版本的IE。这个提示通常以一个浮动的DIV元素形式出现在页面顶部...

    JS中出现的兼容性问题的总结.pdf

    在IE6-8中,firstChild和lastChild获取的是第一个或最后一个元素节点,但在IE9+、Firefox和Chrome中,它们获取的是第一个或最后一个节点,可能是空白文本节点。为了兼容,我们可以使用firstElementChild和...

    js操作XML文件(兼容FF,IE)

    在处理XML(可扩展标记语言)文件时,JavaScript提供了多种方法来读取、解析和修改XML数据,尽管不同浏览器(如Firefox和Internet Explorer)的实现可能存在差异。本文将详细探讨如何在JavaScript中操作XML文件,并...

    js解析XML文件

    使用 DOMParser 对象可以跨浏览器平台,包括 Firefox 和 Chrome。 ```javascript var str = "&lt;input&gt;11112345&lt;/input&gt;"; var doc = new DOMParser().parseFromString(str, "text/xml"); alert(doc); ``` 使用 ...

    谈谈JS中常遇到的浏览器兼容问题和解决方法

    由于各大浏览器(如Chrome、Firefox、Safari、Internet Explorer等)对JS标准的实现可能存在差异,导致一些功能在某些浏览器或版本中无法正常工作。为了解决这些问题,我们需要理解常见的兼容性问题并掌握相应的解决...

    js Element Traversal规范中的元素遍历方法.docx

    需要注意的是,Element Traversal规范在以下浏览器中得到支持:IE9+,Firefox 3.5+,Safari 4+,Chrome 和 Opera 10+。 了解并利用这些新的属性,开发者可以更有效地编写跨浏览器的JavaScript代码,减少与元素遍历...

    event和srcElement说明,方法,技巧

    这个属性在Internet Explorer(IE)浏览器中被广泛支持,但在非IE浏览器中,如Firefox、Chrome等,则使用`event.target`属性来达到相同的目的。 #### 三、event.srcElement与event.target 在IE中,`event....

    JAVASCRIPT加载XML文档及操作XML文档的方法[归类].pdf

    - 所有现代浏览器(如IE、Firefox、Chrome、Safari等)都内置了XML解析器,用于将XML文档转换为可被JavaScript访问的DOM(Document Object Model)对象。 - 微软的XML解析器(如ActiveXObject("Microsoft.XMLDOM")...

    javascript解析xml字符串的函数

    然而,Firefox和其他基于Web标准的浏览器,如Chrome和Safari,不支持ActiveX对象,而是使用`DOMParser`对象的`parseFromString`方法来解析XML字符串: ```javascript var oParser = new DOMParser(); xmlDoc = ...

    javascript中的nextSibling使用陷(da)阱(keng)

    具体来说,在IE浏览器中使用`nextSibling`属性时,它并不会返回元素节点(element nodes)之后的空白文本节点(text nodes),而在如Chrome和Firefox这样的现代浏览器中,`nextSibling`会返回包括空白文本节点在内的...

    XML之数据岛

    5. **局限性**:XML数据岛主要是微软IE浏览器支持的功能,对于其他非IE浏览器,如Firefox、Chrome等,可能需要使用其他方法,如JSON,来实现类似的功能。随着现代Web开发标准的发展,XML数据岛的使用已经逐渐减少,...

    js Element Traversal规范中的元素遍历方法

    JavaScript中的Element Traversal规范是...值得注意的是,Element Traversal规范得到了IE9+、Firefox 3.5+、Safari 4+、Chrome和Opera 10+等主流浏览器的支持。因此,这些属性在现代Web开发中是相当安全和实用的工具。

    AJAX教程(17):把XML文件显示为HTML表格借鉴.pdf

    // 支持标准浏览器如Firefox, Chrome等 xmlhttp = new XMLHttpRequest(); } else if (window.ActiveXObject) { // 支持旧版IE浏览器 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } ``` 接着,定义`...

    ajax 实现用户注册详细代码

    - **window.XMLHttpRequest**:对于现代浏览器(Firefox、Chrome 等),使用 `XMLHttpRequest`。 - **window.ActiveXObject**:对于旧版本的 Internet Explorer(IE5 和 IE6),使用 `ActiveXObject`。 ##### 3.2 ...

    XMLHTTPREQUEST

    不同的浏览器对`XMLHTTPRequest`的支持方式略有不同,主要分为两种:IE浏览器和其他非IE浏览器(如Firefox、Chrome等)。 ##### IE浏览器 对于IE浏览器,可以使用`ActiveXObject`来创建`XMLHTTPRequest`对象。 ```...

    仅IE6/7/8中innerHTML返回值忽略英文空格的问题

    而在其他现代浏览器如IE9、Firefox、Safari、Chrome和Opera中,这些空格并未被忽略,所以返回的长度是6。 这个问题的原因在于IE6到8的浏览器对文本节点的处理方式。对于一个元素的第一个子节点(即firstChild),...

    深入浅出 Greasemonkey优化

    - **Chrome DevTools**:虽然适用于Chrome浏览器,但在Firefox上同样有效。 - **Firefox Developer Tools**:提供了丰富的开发和调试工具。 - **Selenium WebDriver**:可用于自动化测试脚本。 #### 4. 公共模式 ...

Global site tag (gtag.js) - Google Analytics