HTML元素的属性列表

Question

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

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

有这样的名单吗？为什么我找不到它们？

Answer 1

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

Answer 2

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

例如，

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

如果您打算使用控制台，我建议您直接记录对象以获取交互式视图，而不是仅记录属性名称列表：

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

console.log(div);