使用 JavaScript/jQuery 從 HTML 元素中提取屬性值
可以使用多種方法從 HTML 元素中獲取所有屬性作為數組。一種選擇是直接利用屬性節點清單：
1 2 3 4 | 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 屬性：
1 2 3 4 5 6 | 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);
}
|
登入後複製
或者，您可以使用jQuery 函式庫來簡化流程：
1 2 3 4 | var attrs = $("#someId").prop("attributes");
for (var i = 0; i < attrs.length; i++){
console.log(attrs[i].nodeName + ": " + attrs[i].value);
}
|
登入後複製
此方法同時提供屬性名稱和值以用戶友善的格式。此外，如果您在直接存取元素時遇到問題，可以利用 jQuery.contents() 方法來取得元素的內容：
1 2 3 4 | var content = $("#someId").contents();
for (var i = 0, atts = content.prop("attributes"), n = atts.length, arr = []; i < n; i++){
arr.push(atts[i].nodeName);
}
|
登入後複製
以上是如何使用 JavaScript 或 jQuery 從 HTML 元素中提取屬性值？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
