HTML DOM previousSibling用法及代碼示例

previousSibling屬性用於將指定節點的上一個節點作為Node對象返回；如果指定的節點是列表中的第一個節點，則返回null。這是一個隻讀屬性。句法：

node.previousSibling

返回值：此屬性返回指定節點的先前同級；如果當前節點沒有先前同級，則返回null。
例：

<html> 
    <head> 
       <title>DOM previousSibling Property</title> 
    </head> 
    <body style = "text-align:center"> 
        <h1 style = "color:green"> 
            GeeksforGeeks 
        </h1> 
          
        <h2> 
            DOM previousSibling Property 
        </h2> 
          
        <div> 
            <span id="p1">GeeksforGeeks! </span><span id="p2"> 
               A computer science portal for geeks. 
            </span> 
        </div> 
        <br> 
          
        <button onclick="geek()">Click me!</button> 
        <br><br> 
        <p id="p" style = "margin:auto; width:40%"></p> 
  
        <!-- Function to return the previous node.-->
  
        <script> 
        function geek() { 
          var x =  
              document.getElementById("p2").previousSibling.innerHTML;  
          document.getElementById("p").innerHTML = x; 
          document.getElementById("p").style.color = "white"; 
          document.getElementById("p").style.background = "green"; 
        } 
        </script> 
    </body> 
</html>

輸出：
在單擊按鈕之前：
previousSibling
單擊按鈕後：

注意：不要在兩個兄弟元素之間放置空格，否則結果將是“undefined”。

支持的瀏覽器：下麵列出了previousSibling屬性支持的瀏覽器：

穀歌瀏覽器
IE瀏覽器
火狐瀏覽器
Opera
蘋果瀏覽器

相關用法

注：本文由純淨天空篩選整理自Vishal Chaudhary 2大神的英文原創作品 HTML | DOM previousSibling Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。