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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。