nextSibling和lastSibling

【nextSibling和lastSibling】的更多相关文章

nextSibling和lastSibling

在FireFox中包含众多空格作为文本节点,因此在我们使用nextSibling和previousSibling时就会出现问题.因为FireFox会把文本节点误当做元素节点的兄弟节点来处理.我们可以添加nodeType来判断.当上一节点或者是下一节点为文本节点时,就继续寻找,直到找到下一个元素节点.以下代码仅供参考,在fireFox中测试通过: //下一个兄弟节点 function nextSibling(node) { var tempLast = node.parentNode.lastCh…

【笔记】js parentsNode,lastChild,appendChild,insertBefore,nextSibling的意义及运用

这几天看书看到这几个属性做几个笔记 parentNode:顾名思义,就是获取某元素的父元素等同于jq的parent(). *注意一下,在调用parentNode 方法的时候调用的对象必须是用ID 或是精确地获取的对象(要么getElementById 要么 ByTagName然后加上获取对象的下标[index]),不然会出现undefined 的错误 lastChild:获取最后一个子元素. appendChild:在某元素内最后面添加一个子元素. insertBefore:在某元素外的前面…

JS-firstChild,firstElementChild,lastChild,firstElementChild,nextSibling,nextElementSibling

<body> <ul id="ul1"> <li>11111</li> <li>22222</li> <li>33333</li> <li>44444</li> </ul> </body> 1,firstChild:第一个子节点. 标准下:firstChild会包含文本类型的节点非标准下(IE7以下):fistChild只包含元素节点 var…

兼容的firstChild,lastChild,nextSibling,previousSibling写法

在IE下是支持firstChild,lastChild,nextSibling,previousSibling 但是在FF下,由于它会把标签之间的空格当成文本节点,所以为了准确地找到相应的元素,会用 firstElementChild, lastElementChild, nextElementSibling, previousElementSibling 兼容的写法是这样的 var oFirst = oParent.firstElementChild||oParent.firstChild …

js的nextSibling,属性兼容IE和FF等浏览器

Firefox中空白字符,比如回车,空格等也算作一个Node 就是firstChild,nextsbiling这两个.下面给出函数吧.还是代码比较说明问题代码都是网上来的.不过要注意的是,getNext和getFirstChild是不一样的next是下一个,同级别的下一个,不会取到自己这个节点的子节点. 可能是因为对dom的理解不一样ie和firefox对firstChild,nextSbiling的处理不太一样.所以要取到下一个结点,只能用type来判断了. function getNext…

Javascript nextElementSibling和nextSibling