HTML | DOM nextElementSibling 属性

nextElementSibling属性用于返回指定元素的下一个元素，在同一树级别中，如果指定元素是列表中的最后一个，则返回 null。它是只读属性。
它与nextSibling属性不同，因为 nextSibling 将下一个兄弟节点作为元素节点、文本节点或注释节点返回，而 nextElementSibling将下一个兄弟节点作为元素节点返回（即它忽略文本和注释节点）。

句法：

node.nextElementSibling

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

  

    
      DOM nextSibling Property
    

  

  
    
      DOM nextElementSibling Property
    
  
    Web Languages:
    
        HTML
        CSS
        JAVA SCRIPT
        
        XML
    
  
    
    
  
    Next of CSS
  
    
    
  
    
  
    
        function geek() {
            var a = 
                document.getElementById("Select").nextElementSibling;
            document.getElementById("p").innerHTML = a.text;
            document.getElementById("p").style.color = "white";
            document.getElementById("p").style.background = "green";
        }
    

  

输出：
点击按钮前：

点击按钮后：

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

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

• 谷歌浏览器 2.0
• 浏览器 9.0
• 火狐 3.5
• 歌剧 10.0
• 苹果 Safari 4.0