我已经多次看到有关获取 DOM 对象的 HTML 属性的问题/回答,但我无法找到有关如何获取对象的所有可能的 HTML/CSS 属性/属性的答案。
示例 - 这将提醒 ID 为“right_div_label”的对象的所有已设置 HTML 属性。
<label id='right_div_label' class='label_class' name='div_label' style='font-size: 12pt'>Label</label>
$(function () {
$("#right_div_label").on("click", function() {
alert($(this).attr('id'));
var arr = [];
for (var i = 0, attrs = $(this)[0].attributes, l = attrs.length; i < l; i++){
arr.push(attrs.item(i).nodeName);
}
alert(arr);
}
);
});
输出看起来像 - “id, class, name, style”
现在,如果我想要标签标签可能拥有的所有可能的 HTML 属性怎么办?如果我想知道“dir”、“lang”、“title”等所有标准属性怎么办?有没有办法根据每个标签弄清楚所有这些是什么?我可以给上面的函数提供任何特定的标签,让它吐出类似“这个标签支持以下属性-x、y、z”的东西吗?那么 CSS 属性呢,你能即时找出那些吗?