如何使用 JavaScript 或 jQuery 從 HTML 元素中提取屬性值？

使用 JavaScript/jQuery 從 HTML 元素中提取屬性值

可以使用多種方法從 HTML 元素中獲取所有屬性作為數組。一種選擇是直接利用屬性節點清單：

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 屬性：

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 函式庫來簡化流程：

var attrs = $("#someId").prop("attributes");
for (var i = 0; i < attrs.length; i++){
    console.log(attrs[i].nodeName + ": " + attrs[i].value);
}

此方法同時提供屬性名稱和值以用戶友善的格式。此外，如果您在直接存取元素時遇到問題，可以利用 jQuery.contents() 方法來取得元素的內容：

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中文網其他相關文章！