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);