美文网首页
Node.nextSibling和Element.nextEle

Node.nextSibling和Element.nextEle

作者: zjh111 | 来源:发表于2017-11-30 20:28 被阅读0次

    Node.nextSibling 是一个只读属性,返回其父节点的 childNodes 列表中紧跟在其后面的节点,如果指定的节点为最后一个节点,则返回 null。

    Element.nextElementSibling返回当前元素在其父元素的子元素节点中的后一个元素节点,如果该元素已经是最后一个元素节点,则返回null,该属性是只读的。(IE、Safari不支持)

    使用Node.nextSibling时 可能会返回预想节点之间的回车。
    需要判断Node.nextSibling是否为自己想要的节点。
    node.nodetype

    image.png

    让IE/Safari支持Node.nextSibling

    // Source: https://github.com/jserz/js_piece/blob/master/DOM/NonDocumentTypeChildNode/nextElementSibling/nextElementSibling.md
    (function (arr) {
      arr.forEach(function (item) {
        if (item.hasOwnProperty('nextElementSibling')) {
          return;
        }
        Object.defineProperty(item, 'nextElementSibling', {
          configurable: true,
          enumerable: true,
          get: function () {
            var el = this;
            while (el = el.nextSibling) {
              if (el.nodeType === 1) {
                  return el;
              }
            }
            return null;
          },
          set: undefined
        });
      });
    })([Element.prototype, CharacterData.prototype]);
    

    相关文章

      网友评论

          本文标题:Node.nextSibling和Element.nextEle

          本文链接:https://www.haomeiwen.com/subject/ydywvxtx.html