javascript - HTML 要素のプロパティのリスト

Question

JavaScript を使用してページ上の何かのプロパティを変更したい場合、使用する正しい名前を見つけるのが難しいと思います。

たとえば、ボタンがあり、背景色を変更したい場合は、.style.background を使用できます。これは、ネットですばやく検索して見つけることができますが、見つけられないように見えるのは、すべてのプロパティの包括的なリストです。それに関連して私は変わることができました。

このようなリストはありますか？なぜ見つけられないのですか？

Answer 1

var div = document.createElement('div')​;

​for (prop in div)​ {
    console.log(prop);
}​

これにより、その特定のブラウザーの div 要素で使用可能なすべてのプロパティが一覧表示されます。

フィドル

element.style.backgroundこれはプロパティではなくスタイルであるため、おそらくリストされませんが、次のようにしてすべてのスタイルを取得できます。

var div = document.createElement('div');

console.log(div.style);

Answer 2

MDNを使用して、各 DOM オブジェクト タイプのドキュメントを見つけることができます。

たとえば、次のページは、要素の DOM インターフェースを説明するページで、プロパティformとメソッドを完備しています。

コンソールを使用する場合は、プロパティ名のリストをログに記録するだけでなく、対話型ビュー用にオブジェクトを直接ログに記録することをお勧めします。

var div = document.createElement('div');

console.log(div);