javascript - DOM オブジェクトのすべての可能な HTML 属性と CSS プロパティを、未設定のものも含めて取得するにはどうすればよいですか?

Question

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」

では、label タグが持つ可能性のあるすべての HTML 属性が必要な場合はどうすればよいでしょうか? 「dir」、「lang」、「title」などのすべての標準属性を知りたい場合はどうすればよいですか? タグごとにそれらすべてが何であるかを把握する方法はありますか? 上記の関数に特定のタグをフィードして、「このタグは次の属性をサポートしています - x、y、z」のようなものを吐き出すことができますか? また、CSS プロパティについてはどうでしょうか。それらもオンザフライで見つけることができますか?