`

previousElementSibling还是previousSibling?

阅读更多

 

FireFox(版本号:3.5.11)中不支持JavaScriptpreviousSibling属性。

IE(版本号:8.0.6001.18702)中不支持JavaScriptpreviousElementSibling属性。

 

jQuery可以达到跨浏览器的支持。

 

实验见附件。

分享到:
评论

相关推荐

    浅析JavaScript中扫瞄器的兼容问题_.docx

    - 兼容性处理:可以使用能力检测来实现跨浏览器的`nextElementSibling`和`previousElementSibling`功能,通过遍历`nextSibling`或`previousSibling`并检查节点类型来找到下一个或上一个元素节点。 ```javascript ...

    使用clipboardjs实现仿CSDN的代码复制功能

    `trigger.previousElementSibling`确保了我们选取的是按钮前面的代码块。 为了给用户提供更好的交互反馈,例如复制成功后的提示,我们可以添加一些自定义事件处理: ```javascript clipboard.on('success', ...

    DOM节点中元素节点与文本节点操作方法.pdf

    例如,`previousSibling`和`nextSibling`可以找到当前节点的相邻兄弟节点,而`previousElementSibling`和`nextElementSibling`则只考虑元素节点,忽略文本节点和其他非元素节点。```html<div id="container"> 文本...

    高效的获取当前元素是父元素的第几个子元素

    其他情况则可以使用`previousElementSibling`或`previousSibling`进行遍历。避免使用`compareDocumentPosition`方法,因为它的性能不佳。根据实际项目需求和浏览器兼容性选择合适的解决方案,才能确保代码的效率和...

    浅析JavaScript中浏览器的兼容问题

    在所有浏览器中,nextSibling和previousSibling属性都可以用来获取元素的下一个或上一个兄弟节点,但它们可能会返回非元素节点(如文本节点)。为了获取相邻的元素节点,我们需要在IE8及更早版本中进行特殊处理: `...

    第十二课 DOM1

    - `previousElementSibling` / `previousSibling`:获取前一个同级元素。 - `nextElementSibling` / `nextSibling`:获取后一个同级元素。 - `childElementCount`:获取子元素的数量。 **操作元素** - `document...

    javascript获取dom的下一个节点方法

    在旧版的Internet Explorer浏览器中,`nextSibling`和`previousSibling`属性也被用来获取下一个和上一个节点,但它们会获取所有类型的节点,包括文本节点和注释节点。这可能导致获取到不期望的节点。为此,当需要...

    05-DOM基础.pptx

    8. previousSibling和previousElementSibling:返回当前节点的上一个兄弟节点和上一个元素兄弟节点。 操纵元素属性是DOM操作中的常见任务。例如,我们可以使用以下三种方法改变元素的`display`属性,使其显示或隐藏...

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

    例如,获取元素的相邻兄弟节点,现代浏览器提供了`nextElementSibling`和`previousElementSibling`,但IE6、7、8不支持,需要使用`nextSibling`和`previousSibling`。类似地,获取第一个子元素节点,可以使用`...

    Js中节点的遍历和操作

    - `previousSibling`:获取当前节点的上一个兄弟节点。 - `firstElementChild`:仅返回节点的第一个元素子节点,忽略文本节点。 - `lastElementChild`:仅返回节点的最后一个元素子节点,忽略文本节点。 - `...

    js如何获取兄弟、父类等节点

    如需获取元素类型的兄弟节点,可能需要进一步判断节点类型或者使用`nextElementSibling`和`previousElementSibling`属性(但请注意,这两个属性不是所有浏览器都支持)。以下是获取下一个兄弟节点和上一个兄弟节点的...

    学习javascript必须掌握的基础知识.pdf

    - `firstChild/firstElementChild`、`lastChild/lastElementChild`、`nextSibling/nextElementSibling`、`previousSibling/previousElementSibling`:用于遍历和访问兄弟节点。 - `parentNode`:获取父节点。 - `...

    JavaScript操作HTML DOM节点的基础教程

    需要注意的是,`previousSibling`和`nextSibling`可能返回文本节点,如果希望只遍历元素节点,应使用`previousElementSibling`和`nextElementSibling`。 对于不支持`element.children`属性的旧浏览器,可以使用以下...

    js基础之DOM中元素对象的属性方法详解

    12. element.previousSibling:返回元素的前一个同级节点,可能包含文本节点或注释节点。 13. element.nextSibling:返回元素的下一个同级节点,同上可能包含文本节点或注释节点。 14. element.childElementCount:...

    javascript 节点遍历函数

    在标准的Traversal API 2中,提供了一系列方法,如`nextElementSibling`, `previousElementSibling`, `firstElementChild`, 和 `lastElementChild`,来帮助我们遍历文档树。然而,这些API在一些旧版本的IE浏览器中...

    JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法

    var previousElementSibling = element.previousElementSibling; ``` ### jQuery获取方式 jQuery提供了一系列的选择器和方法来简化DOM元素的获取过程。 #### 获取父级元素 - `parent()`:返回直接父元素。 - `...

Global site tag (gtag.js) - Google Analytics