HTML元素的属性列表

Question

如果我想使用JavaScript更改页面上的某个属性，我发现很难找到要使用的正确名称。

例如，如果我有一个按钮，我想改变背景颜色，我可以使用.style.background，我可以在网上快速搜索找到，但我似乎无法找到是一个综合列表所有与我可以改变相关的属性。

是否有像这样的列表？为什么不能找到他们？

Answer 1

您可以使用MDN来查找每个DOM对象类型的文档。例如，

Here是描述form元素的DOM接口的页面，其中包含属性和方法。

如果你打算使用一个控制台，我建议你直接登录的对象为交互式视图，而不是仅仅记录的属性名称的列表：

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

console.log(div); 

Answer 2

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

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

这将列出该特定浏览器中的div元素上的所有可用属性。

FIDDLE

element.style.background可能不会上市，因为这是一种风格，而不是一个属性，但您可以通过执行获得所有的风格：。

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

console.log(div.style);