`
lxcaoxin
  • 浏览: 127348 次
  • 性别: Icon_minigender_1
  • 来自: 南宁
社区版块
存档分类
最新评论

firefox和ie浏览器下获取childNodes兼容性问题解决

阅读更多
firefox下面,使用childNodes获取节点,它会将空格符、回车符、换行符也看做一个文本节点,
解决方案:
1.火狐下面要利用nodeType来过滤掉这些无用的节点。
function show(n){
   var rows=[];
   var one = document.getElementByIdx_x('one_1').parentNode.childNodes;
   for(i=0;i<one.length;i++){
     if(one[i].nodeType==1 && one[i].tagName){
      rows.push(one[i]);
     }
   }
   rows[1].style.background='green';
  }
nodeType==1的时候表名它是一个对象节点。



2.获取节点时getElementsByTagName取代childNodes
 
//只支持IE,childNodes的长度在firefox不一样
// node1.childNodes[0].getElementsByTagName("input")[1].checked =true;
// node2.childNodes[0].getElementsByTagName("input")[1].checked =true;

//只支持全部浏览器
  node1.getElementsByTagName("td")[0].getElementsByTagName("input")[1].checked =true;
    node2.getElementsByTagName("td")[0].getElementsByTagName("input")[1].checked =true;



分享到:
评论

相关推荐

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

    在IE浏览器中,可以使用currentStyle属性,而在Firefox和Chrome中,使用getComputedStyle方法。为了解决兼容性问题,通常通过if...else...结构来判断当前浏览器支持哪种方法。例如,对于获取宽度,可以这样写: `...

    ie和火狐的兼容问题总结

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

    Firefox和IE浏览器兼容JS脚本写法小结

    在开发Web应用时,浏览器兼容性问题经常困扰开发者,尤其是Firefox和Internet Explorer(IE)之间的差异。这篇小结主要关注JavaScript脚本在两种浏览器中的兼容性处理,包括事件处理、DOM操作以及Ajax通信等方面。 ...

    js firefox支持问题

    ### JavaScript在Firefox与IE浏览器中的兼容性问题解析 在网页开发过程中,确保代码在不同浏览器上的兼容性是一项挑战。特别是当涉及到JavaScript时,由于历史原因,Internet Explorer(IE)和Mozilla Firefox(MF...

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

    在Web开发中,兼容性问题始终是一个挑战,尤其是在处理不同浏览器对某些API或方法支持不同的情况下。`innerText`是Internet Explorer特有的一种属性,用于获取或设置元素内部的纯文本内容,包括换行和空格。然而,...

    IE浏览器兼容Firefox的JS脚本的代码

    在JavaScript开发中,确保代码在不同的浏览器中具有良好的兼容性是一项重要的任务,特别是对于历史悠久的IE浏览器和现代的Firefox浏览器。以下是一些针对这两种浏览器兼容性的关键知识点: 1. **window.event 兼容...

    JavaScript 浏览器兼容性总结及常用浏览器兼容性分析

    为了避免兼容性问题,建议使用`window.document.getElementById("frameId")`来访问frame对象,这种方法在IE和Firefox中都有效。 最后,关于`parentElement`属性,IE和Firefox也存在差异。在IE中,可以通过`...

    ie与firefox下的event使用说明与详细区别

    在获取鼠标当前位置方面,IE浏览器使用`event.x`和`event.y`,而Firefox则使用`event.pageX`和`event.pageY`。为了确保兼容性,开发者通常会使用`event.clientX`和`event.clientY`,这两个属性在IE和Firefox中都可用...

    Javascript下IE与Firefox下的差异兼容写法总结

    在IE浏览器中,可以直接通过`window.event`对象来访问事件对象,而在Firefox中,事件对象则需要作为参数传递给事件处理函数。例如,在处理鼠标移动事件时,IE中可以直接使用`event.x`和`event.y`来获取鼠标的坐标...

    浏览器兼容页面开发注意事项(javascript篇)_101028.pdf

    以下是一些重要的JavaScript兼容性问题及其解决方案: 1. **document.form.item 问题**:在老版本的IE浏览器中,可以通过`document.form.item(name)`来访问表单元素,而在其他标准兼容的浏览器如Firefox、Chrome等...

    整理的比较全的event对像在ie与firefox浏览器中的区别

    首先,IE浏览器有一个全局的`window.event`对象,无论事件发生在哪里,都可以通过它来访问事件的相关信息。然而,Firefox并不支持`window.event`,而是通过在事件处理函数中传入一个代表事件的参数来获取事件对象,...

    JS实现兼容各浏览器解析XML文档数据的方法

    通过检查navigator.userAgent字符串中是否包含特定的浏览器标识字符串,如"MSIE"代表IE浏览器,"Chrome"代表Chrome浏览器,"Firefox"代表Firefox浏览器等,来确定浏览器的类型。 知识点四:XML文档解析技巧 文章还...

    浏览器兼容页面开发注意事项(javascript篇)_101028实用.pdf

    在实际开发中,开发者应尽量遵循W3C的标准,使用DOM2级和DOM3级的API,并利用条件注释或库如jQuery、Prototype等来处理这些兼容性问题,确保代码在多种浏览器环境下都能正常运行。同时,使用现代浏览器特性时,考虑...

    浏览器兼容页面开发注意事项(javascript篇)_101028分享.pdf

    7. **event.x与event.y问题**:IE和非IE浏览器对于鼠标事件坐标(`event.x`, `event.y`)的计算方式不同。非IE浏览器通常包含滚动条的偏移,而IE不包括。 8. **关于frame**:在跨框架操作时,IE和其他浏览器的API略有...

    浏览器兼容页面开发注意事项(javascript篇)_101028参考.pdf

    以下是一些主要的浏览器兼容性问题及解决策略: 1. `document.form.item` 问题:在旧版IE中,可以使用`document.form.item(name)`来访问表单元素,但在其他浏览器如Firefox、Chrome等,推荐使用`document.forms...

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

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

    javascript中parentNode,childNodes,children的应用详解

    JavaScript中的parentNode, childNodes, children是DOM操作中非常基础且重要的属性,它们能够帮助...这意味着在大多数情况下,应当使用符合标准的属性,如parentNode和childNodes,来保证代码在各种浏览器中的兼容性。

    javascript 获取HTML DOM父、子、临近节点

    例如,在IE浏览器和Firefox浏览器之间存在一些API的差异。在实际开发中,建议对这些差异进行测试并采取相应的兼容措施。例如,对于`document.body`或`document.documentElement`等顶层元素,不同的浏览器可能会返回...

Global site tag (gtag.js) - Google Analytics