JavaScript >> Javascript 文檔 >  >> JavaScript

如何使用 JavaScript 檢查元素是否具有屬性

要檢查 HTML 元素是否有任何屬性,可以使用 hasAttributes() 方法。此方法返回 true 如果指定節點有任何屬性,否則false .

如果指定節點不是 Element 節點,例如空格和註釋,返回值總是false .

假設您有以下 HTML 代碼片段:

<html>
<title>Example</title>
<body>
    <div class="wrapper">
        <button id="btn">Click Me</button>
    </div>
</body>
</html>

以下示例演示瞭如何使用 hasAttributes() 檢查 HTML 元素是否具有屬性的方法:

const body = document.body;
const btn = document.querySelector('button');

console.log(body.hasAttributes()); // false
console.log(btn.hasAttributes()); // true

為了檢查特定屬性的存在,JavaScript 提供了 hasAttribute() 方法:

console.log(btn.hasAttribute('id')); // true

hasAttributes() 該方法適用於所有現代瀏覽器,以及 IE9 及更高版本。


Tutorial JavaScript 教程
  1. 使用 Nigthwatch VRT 進行視覺回歸測試

  2. 我需要在 JS 中創建一個“查看更多圖片”按鈕

  3. 一瞥在 NodeJS 中使用密碼學 API 的挑戰

  4. 何時使用 LET 或 CONST

  5. 介紹 React URL 模式

  6. 淡入擾流器顯示器

  7. 在 React 中創建簡單的登錄表單

  1. 使用索引優化 2 億行數據的 MongoDB 集合

  2. 使用 NativeScript Vue 在應用程序啟動之間持久化數據

  3. pushState 和 SEO

  4. 在 React JS 中為自定義 Hooks 創建和發布 NPM 包

  5. 我如何建立自己的獎勵卡

  6. 如何在 Vanilla JavaScript 中實現 URL 路由

  7. 黑手黨:功能構建和 CSS 分心

  1. 教程:製作一個由 Google 提供支持的購物搜索網站

  2. 面向前端開發人員的 Nginx

  3. Web 應用程序中的身份驗證

  4. 擁有強大的力量!!!第四部分