首頁 > web前端 > js教程 > 如何使用 JavaScript/jQuery 取得所有 HTML 元素屬性?

如何使用 JavaScript/jQuery 取得所有 HTML 元素屬性?

Barbara Streisand
發布: 2024-11-26 13:33:10
原創
495 人瀏覽過

How Can I Get All HTML Element Attributes with JavaScript/jQuery?

使用JavaScript/jQuery 從HTML 元素取得所有屬性

此問題的目標是擷取給定HTML 元素的所有屬性並將它們儲存在一個數組中。該元素無法透過 getElementById 等已知方法存取。

使用DOM 屬性

取得DOM 屬性最簡單的方法是利用元素本身的屬性節點清單:

var el = document.getElementById("someId");
for (var i = 0, atts = el.attributes, n = atts.length, arr = []; i < n; i++){
    arr.push(atts[i].nodeName);
}
登入後複製

此方法只檢索屬性

使用NodeValue

要取得屬性名稱和值,請使用 nodeValue 屬性:

var nodes=[], values=[];
for (var att, i = 0, atts = el.attributes, n = atts.length; i < n; i++){
    att = atts[i];
    nodes.push(att.nodeName);
    values.push(att.nodeValue);
}
登入後複製

以上是如何使用 JavaScript/jQuery 取得所有 HTML 元素屬性?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板