firefox的dom和ie下的dom (previousSibling,nextSibling)

在ie中对其中的document.getElementById("ID_Size ").previousSibling 或nextSibling 得到的都是element(节点);而在firefox中得到的是text类型(“/n         ”),在这个级别上,理解完全不一样。或者说,firefox 中的tree是只node级别,而ie中是element级别?

 

firefox 解释:

previousSibling:The node immediately preceding the given one in the tree, or null if there is no sibling node.

nextSibling :The node immediately following the given one in the tree, or null if there is no sibling node.

ie解释:

previousSibling:Retrieves a reference to the previous child of the parent for the object. 获取对此对象的上一个兄弟对象的引用。

nextSibling :Retrieves a reference to the next child of the parent for the object.获取对此对象的下一个兄弟对象的引用。

-------------------------------------------------------------------------

解决方案一

函数

nextSibling,previousSibling

说明:获取下一个或上一个的兄弟节点

在IE下会忽略回车和换行。FF下不会忽略。

所有我们可以用递归来解决浏览器的差异。

do {

td = td.nextSibling;

} while (td.nodeType != 1)

nodeType = 3是文本节点

nodeType = 1是html节点

----------------------------------------------------------------

解决方案二

w3c  有previousSibling,nextSibling  ie下上一个元素,下一个元素,

而firefox 不是这个意思可以由它自己的方法代替previousElementSibling,nextElementSlibing

 

DOM Inspector是Mozilla Firefox的一个扩充套件,官方中文版上称之为DOM观察器,在安装Mozilla Firefox时,可以在自订安装中选择是否安装DOM Inspector,如果在安装Mozilla Firefox时没有选择自订安装以安装DOM Inspector,则可以在 Mozilla 的 DOM Inspector 网址进行安装。 Ajax应用程式中经常操作DOM Tree,您可以直接使用DOM Inspector来观察DOM Tree中对应於网页画面的哪个元件,执行Mozilla Firefox官方中文版的「工具/DOM观察器」,可以显示DOM Inspector视窗,在网址列输入网址,并按下「观察」按钮,即可开始观察DOM与网页的对应,对应的画面会以红色方框闪烁显示。 如果您想要找寻特定的DOM节点,则可以执行「搜寻/寻找节点」,搜寻的方式可以有依「Id」、「Tag」或「Attr」等来进行搜寻。 在找到想观察的节点后,可以在左边的窗格观察到该节点的各种属性,预设是显示JavaScript物件的各种属性,例如可在下图中,观察到onmouseover与onmouseoout的事件处理者分别是getBookData()与clearData(): 例如可以切换至DOM Node的检视模式,您也可以在某个属性上按右键「编辑」,直接改变某个DOM的属性值,像是改变src属性: 您甚至可以选定一个DOM节点,在JavaScript检视中,按右键「执行JavaScript」… 您还可以在 Introduction to the DOM Inspector 找到一些关於DOM Inspector的介绍。 安装方式:使用直接把该文件拖动到fifefox上或使用firefox-文件-打开-选择下载的文件-确定。。。即可
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值