`
ollevere
  • 浏览: 261409 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

JS nextSibling和previousSibling

    博客分类:
  • JS
 
阅读更多

http://hi.baidu.com/512501372/blog/item/05d344d1e4fb2fd8572c8432.html  参考


需要特别注意的是:该属性在不同的浏览器中的执行结果并不都相同
网上大多说不兼容, 我用的FF7.0.1试了下 和 IE效果一样!估计以前的版本不同吧~

 

 

<div>    
<input id= "a4"  type= "button"  onclick= "alert(this.nextSibling);"  value= "d"  />    
<input id= "a5"  type= "button"  onclick= "alert(this.nextSibling);"  value= "e"  />    
</div>  

 

 

  该对象的结构表面上看,div的nextSibling只有2项——两个input节点。但实际上有5项——/n,input,/n,input,/n。这是因为input作为创建各种表单输入控件的标签,无论是生成button、checkbox、radio...等或其他表单控件,IE都会自动在后面创建一个1字节位的空白。

  取的时候 使用 nextSibling.nextSibling 或 previousSibling.previousSibling 取

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    js nextSibling属性和previousSibling属性概述及使用注意

    nextSibling属性:该属性表示当前节点的下一个节点;如果其后没有与其同级的节点,则返回...previousSibling属性:该属性与nextSibling属性的作用正好相反,接下来将详细介绍下,感兴趣的你不妨了解下哦,或许对你有所帮助

    javascript中的previousSibling和nextSibling的正确用法

    主要介绍了javascript中的previousSibling和nextSibling的正确用法的相关资料,需要的朋友可以参考下

    只能是字母或数字或者是字母和数字的组合的正则previousSibling

    [Ctrl+A 全选 注:如需...getNextElement(node) 使用介绍js nextSibling属性和previousSibling属性概述及使用注意javascript中的nextSibling使用陷(da)阱(keng)javascript中的previousSibling和nextSibling的正确用法

    DOMhelp.js

    // JavaScript Document DOMhelp={ //Find the last sibling of the current node lastSibling:function(node){ var tempObj = node[removed].lastChild; while(tempObj.nodeType != 1 && tempObj....

    JavaScript实现获取某个元素相邻兄弟节点的prev与next方法

    本文实例讲述了JavaScript实现获取某个元素相邻兄弟节点的prev与next方法。分享给大家供大家参考,具体如下: ... "previousSibling" : "nextSibling"; var nearEle = ele[type]; while(nearEle) {

    javascript对于DOM的操作

    document 树结点 parentElement 父元素 parentNode 父结点 childNodes 所有子结点 有s哦 firstChild 第一个子结点 lastChild 最后一个子结点 nextSibling 下一个兄弟结点 previousSibling 上一个兄弟结点

    JavaScript权威指南

    JavaScript权威指南 犀牛书 Chapter 1. Introduction to JavaScript Section 1.1. JavaScript Myths Section 1.2. Versions of JavaScript Section 1.3. Client-Side JavaScript Section 1.4. JavaScript ...

    JS遍历DOM文档树的方法实例详解

    遍历文档树通过使用parentNode属性、firstChild属性、lastChild属性、previousSibling属性和nextSibling属性来实现。 1、parentNode属性 该属性返回当前节点的父节点。 [pNode=]obj[removed] pNode:该参数用来存储...

    仿jQuery的siblings效果的js代码

    代码如下: function siblings(o){//参数o就是想取谁的兄弟节点,... } p=p.previousSibling//最后把上一个节点赋给p } a.reverse()//把顺序反转一下 这样元素的顺序就是按先后的了 var n=o.nextSibling;//再取o的弟弟 w

    原生js实现新闻列表展开/收起全文功能

    previousSibling获取上一个紧跟的节点 3.注意事项: 要考虑到当点击展开全文的时候,其他已经展开的全文要收起来。 当用nextSibling获取下一个节点时候,不同浏览器的判断是不一样的 有的是获取元素,有的获取换行符...

    javascript中节点的最近的相关节点访问方法

    在javascript中对文档中每个节点都有 parentNode——父节点 firstChild——第一个子节点 lastChild——最后一个子节点 previousSibling——紧挨着的前面的兄弟节点 nextSibling——紧挨着的后面的兄弟节点 五个相关...

    javascript dom 操作详解 js加强

    null 2 、 getElementsByTagName 返回一个节点集合 3 、 firstChild 、 lastChild 第一个元素节点,最后一个元素节点 4 、 childNodes 返回所有子节点列表 5 、 previousSibling 前一个兄弟节点 nextSibling 后一个...

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

    因为 DOM 的存在,这使我们可以通过 JavaScript 来获取、创建、修改、或删除节点。...element.previousSibling/element.nextSibling element.previousElementSibling/element.nextElementSibling 通过节点直接的关

    【新手入门】javascript新手学习第七课

    上一节我们讲到通过get的方式来...nextSibling 返回紧跟在当前元素后面的元素 nodeValue 指定表示元素值的读/写属性 parentNode 返回元素的父节点 previousSibling 返回紧邻当前元素之前的元素 nodeName String 节点的

    关于javascript document.createDocumentFragment()

    也支持以下DOM2屬性: attributes, childNodes, firstChild, lastChild, localName, namespaceURI, nextSibling, nodeName, nodeType, nodeValue, ownerDocument, parentNode, prefix, previousSibling,

    整理JavaScript对DOM中各种类型的元素的常用操作

    节点类型 nodeType 以下是一些重要的nodeType的取值: 1: 元素element 2: 属性attr ...同时通过使用列表中每个节点的previousSibling和nextSibling属性,可以访问同一列表中的其他节点。 操作节点 a

Global site tag (gtag.js) - Google Analytics