HTML DOM Node isConnected屬性用法及代碼示例

isConnected屬性返回一個布爾值，該布爾值指示節點是(直接還是間接)連接到上下文對象或文檔。這是一個隻讀屬性。

用法:

check = node.isConnected

返回值：

true:節點是否連接到文檔。
false:如果節點未連接到文檔。

範例1：此屬性返回false。

HTML

<!DOCTYPE html> 
<html> 
  
<head> 
    <meta charset="utf-8"> 
    <title>HTML DOM Node isConnected property</title> 
</head> 
  
<body> 
    <h1>GeeksforGeeks</h1> 
  
    <p>Click to Check</p> 
  
    <button onclick="Check()">Click</button> 
  
    <script> 
        function Check() { 
            let exp = document.createElement('p'); 
            exp.innerHTML = "abcd"; 
            a = exp.isConnected; 
            console.log(a); // Returns false 
            if (a == false) { 
                console.log("Not Connected"); 
            } 
            else { 
                console.log("Connected") 
            } 
        } 
    </script> 
</body> 
  
</html>

輸出：

單擊按鈕之前：
單擊按鈕後：

範例2：此屬性返回true。

HTML

<!DOCTYPE html> 
<html> 
  
<head> 
    <meta charset="utf-8"> 
    <title>HTML DOM Node isConnected property</title> 
</head> 
  
<body> 
    <h1>GeeksforGeeks</h1> 
  
    <p>Click to Check</p> 
  
    <button onclick="Check()">Click</button> 
  
    <script> 
        function Check() { 
            let exp = document.createElement('p'); 
            exp.innerHTML = "abcd"; 
            document.body.appendChild(exp); 
            a = exp.isConnected; 
            console.log(a); // Returns true 
            if (a == false) { 
                console.log("Not Connected"); 
            } 
            else { 
                console.log("Connected") 
            } 
        } 
    </script> 
</body> 
  
</html>

輸出：

單擊按鈕之前：
單擊按鈕後：

支持的瀏覽器：

穀歌瀏覽器
Edge
Firefox
Safari
Opera

相關用法

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