`

firefox解决childNodes.length的问题

阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD></HEAD>
 <BODY>
	<div id="div">
		<div>aa</div>
		<div>bb</div>
		<div>cc</div>
		<div>dd</div>
		<div>ee</div>
		<div>ff</div>
	</div>
	<script>
		//只ie可以,firefox下错误数据
		alert("ie:"+document.getElementById("div").childNodes.length);



		//firefox,ie都可以
		var nodeCount=0;
		for(var i=0;i<document.getElementById("div").childNodes.length;i++){
			if(document.getElementById("div").childNodes[i].nodeType == 1){
				nodeCount++;
			}
		}
		alert("ie,firefox:"+nodeCount);
	</script>
 </BODY>
</HTML>
1
0
分享到:
评论

相关推荐

    msn上的tab功能Firefox对childNodes处理的一个BUG

    本文将深入探讨标题“msn上的tab功能Firefox对childNodes处理的一个BUG”所涉及的知识点,以及如何解决这个问题。 首先,我们需要理解`childNodes`属性。在JavaScript中,`childNodes`是一个集合,包含了元素节点、...

    Firefox浏览器兼容JS脚本

    本文将围绕Firefox浏览器与Internet Explorer(简称IE)之间关于JavaScript脚本的兼容性差异进行详细探讨,并通过具体的示例来帮助开发者更好地理解和解决实际开发过程中遇到的问题。 #### 二、关键知识点详解 ###...

    IE与FireFox中的childNodes区别

    在上述例子中,`FirstDiv` 的 `childNodes` 包含了每个`&lt;div&gt;`以及它们之间的换行和空格,而在Firefox中,这些空格和换行被计为额外的文本节点,所以IE会返回`length=3`,而Firefox会返回`length=7`。对于`SecondDiv...

    让GridView中CheckBox列支持FireFox

    然而,在处理包含CheckBox列的GridView时,可能会遇到一个常见问题:即如何确保这些CheckBox在不同浏览器(如Firefox)上都能正常工作。本文将深入探讨这个问题,并提供一个详细的解决方案。 ### GridView与...

    让FireFox支持innerText的实现代码

    这个属性在Internet Explorer中被广泛使用,但在Firefox等其他遵循W3C标准的浏览器中并不原生支持。由于innerText能够考虑到元素的CSS display属性,比如对于display为block的元素会添加换行符,因此它在处理复杂...

    firefox插件开发教程

    ### Firefox插件开发教程知识点详解 #### 一、概述 Firefox 扩展开发主要依赖于 JavaScript 编程语言。如果你已经熟悉 JavaScript,则可以直接开始开发工作;对于初学者来说,建议先学习基本的 JavaScript 语法和...

    Js中parentNode,parentElement,childNodes,children之间的区别

    在实际应用中,由于`parentElement`和`children`不是标准属性,跨浏览器兼容性可能存在问题,尤其是在不支持这些特性的浏览器(如Firefox早期版本)中。因此,推荐使用`parentNode`和`childNodes`,以确保代码在不同...

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

    获取鼠标位置时,IE和Firefox使用event对象的clientX和clientY属性,而在Firefox、IE9+和Chrome中,可以通过传参的方式获取event对象,即参数ev。为了兼容,可以这样做: ```javascript var oEvent = ev || ...

    Firefox浏览器兼容JS脚本供参考

    在Firefox中,可以使用`send(" ")`来避免411(Length Required)错误。 通过理解和应用这些兼容性技巧,开发者可以创建在Firefox和其他浏览器中都能正常工作的JavaScript代码。在实际开发过程中,还应考虑使用像...

    ie和火狐的兼容问题总结

    在前端开发过程中,我们经常会遇到不同浏览器之间的兼容性问题,特别是Internet Explorer(简称IE)与Firefox(火狐)之间的差异。由于这两种浏览器在处理CSS和JavaScript方面存在显著的不同,因此需要采取一系列...

    firefox浏览器不支持innerText的解决方法

    总的来说,解决Firefox不支持`innerText`的问题,主要思路是通过自定义getter和setter来模拟这个属性,使得在Firefox中也能正常读取和设置元素的文本内容。这种方法可以作为确保代码在不同浏览器间兼容的一种策略。...

    表单验证Validator v1.0(CHM) 下载

    表单的验证一直是网页设计者头痛的问题,表单验证类 Validator就是为解决这个问题而写的,旨在使设计者从纷繁复杂的表单验证中解放出来,把精力集中于网页的设计和功能上的改进上。 Validator是基于JavaScript...

    FireFox下用XML DOM解析XML文档(ASP.NET Web)

    当需要在Firefox浏览器环境下处理XML文档时,开发者通常会使用XML DOM(Document Object Model)来解析和操作XML。本文将详细讲解如何在Firefox下利用XML DOM解析XML文档。 首先,理解XML DOM的概念是至关重要的。...

    firefox下获取下列框选中option的text的代码

    本文主要探讨在Firefox浏览器中如何获取`&lt;option&gt;`元素选中的文本内容,而不是其`value`属性。 首先,让我们理解为什么在Firefox中获取`innerText`会有困难。`innerText`是一个非标准的DOM属性,主要由Internet ...

    让innerText在firefox火狐和IE浏览器都能用的写法

    为了确保代码在Firefox和IE中都能正常工作,我们需要创建一个跨浏览器的解决方案。以下是一段JavaScript代码,它通过定义getter和setter来模拟innerText的行为,以便在Firefox中也能像在IE中一样使用innerText。 ...

    使用JS操作页面表格,元素的一些技巧

    相比之下,Firefox 和 Opera 在处理 `insertRow` 方法时有所不同,Firefox 默认将新行添加到末尾,而 Opera 则添加到开头。因此,为了保证代码的跨浏览器兼容性,可以使用 `insertRow(-1)` 方法来统一在所有浏览器中...

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

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

    js获取HTML DOM节点详解

    - **注意事项**:在 IE7 中,`childNodes` 只包括真正的子节点(即排除了文本节点等),而在 Firefox 2.0.0.11 中则包括所有类型的子节点。 4. **`parentObj.children`** - **说明**:获取指定父节点的所有直接子...

    关于firefox的ElementTraversal 接口 使用说明

    不同于`childNodes.length`,它只计算元素节点,不包括文本节点、注释节点等其他类型的子节点。如果元素没有子元素或者所有子节点都不是元素,它返回0。 在实际应用中,`ElementTraversal`接口的这些属性可以极大地...

Global site tag (gtag.js) - Google Analytics