HTML | DOM nextSibling 属性

nextSibling属性用于将指定节点的下一个节点作为 Node 对象返回，如果指定节点是列表中的最后一个，则返回 null。它是只读属性。
句法：

node.nextSibling

返回值：此属性返回指定节点的下一个兄弟节点，如果当前节点没有下一个兄弟节点，则返回 null。
例子：

  

    
      DOM nextSibling Property
    

  

    
      GeeksforGeeks
    
  
    
      DOM nextSibling Property
    
  
    
        
            GeeksforGeeks!
        
          A computer science portal for geeks.
        
    
    
  
    Click me!
    
    
  
    
  
    
        function geek() {
            var x =
                document.getElementById("p1").nextSibling.innerHTML;
                document.getElementById("p").innerHTML = x;
                document.getElementById("p").style.color = "white";
                document.getElementById("p").style.background = "green";
        }
    

  

输出：
点击按钮前：

点击按钮后：

注意：不要在两个兄弟元素之间放置空格，否则结果将是“undefined”。

支持的浏览器： nextSibling 属性支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器