HTML DOM hasAttributes()用法及代碼示例

HTML DOM hasAttributes() 方法檢查元素是否具有任何屬性。如果元素確實包含任何屬性，則返回 true，否則返回 false。如果在元素節點以外的任何其他節點上調用此方法，則返回值將始終為 false。

用法

以下是 hasAttribbutes() 方法的語法 -

node.hasAttributes()

示例

讓我們看一個 hasAttributes() 方法的例子 -

<!DOCTYPE html>
<html>
<body>
<h1>hasAttributes() example</h1>
<p>This paragraph has no attributes</p>
<button onclick="containsAttr()">CHECK</button>
<p id="Sample">The paragraph above hasAttribute value:</p>
<script>
   function containsAttr() {
      var p = document.getElementsByTagName("P")[0];
      document.getElementById("Sample").innerHTML+=p.hasAttributes();
   }
</script>
</body>
</html>

輸出

這將產生以下輸出 -

單擊“檢查”按鈕 -

在上麵的例子中 -

我們創建了一個沒有關聯屬性的段落 -

<p>This paragraph has no attributes</p>

然後我們創建了 CHECK 按鈕，該按鈕在用戶單擊時執行 checkAttr() 方法 -

<button onclick="containsAttr()">CHECK</button>

containsAttr() 方法使用 getElementsByTagName() 方法獲取第一個 <p> 元素，並使用索引獲取第一個元素並將其分配給變量 p。然後它對變量 p 調用 hasAttributes() 方法並返回 false，因為我們的第一個 <p> 元素沒有屬性。使用其innerHTML屬性將此值附加到id為“Sample”的段落中：

function containsAttr() {
   var p = document.getElementsByTagName("P")[0];
   document.getElementById("Sample").innerHTML+=p.hasAttributes();
}

相關用法

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