如何使用 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中文网其他相关文章！