2

我已经多次看到有关获取 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 属性呢,你能即时找出那些吗?

4

0 回答 0