Javascript HTML元素的属性列表

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

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

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

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

例如，是一个描述

表单

元素的DOM接口的页面，包含属性和方法

如果要使用控制台，我建议直接记录交互视图中的对象，而不是只记录属性名称列表：

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

console.log(div);

可以使用查找每种DOM对象类型的文档

例如，是一个描述

表单

元素的DOM接口的页面，包含属性和方法

如果要使用控制台，我建议直接记录交互视图中的对象，而不是只记录属性名称列表：

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

console.log(div);

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

element.style.background

可能不会列出，因为这是一种样式，而不是属性，但您可以通过执行以下操作来获取所有样式：

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

console.log(div.style);

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

element.style.background

可能不会列出，因为这是一种样式，而不是属性，但您可以通过执行以下操作来获取所有样式：

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

console.log(div.style);

---

因为你的谷歌fu坏了？：）因为你的谷歌fu坏了？：）或者，如果您正在使用控制台，您也可以只记录对象本身。@Asad-它是一个元素，因此它将只在控制台中打印

。@adeneo在大多数控制台中，您可以在单独的面板中检查DOM对象。例如，在Firebug中，我可以右键单击条目并选择“在DOM面板中检查”，以在可扩展视图中查看其所有属性。是的，这两个页面上的时间相同。此外，还列出了

style.background

。我以前从未看过这个列表，还有一些比我想象的要多。@JaredFarrish-它可能列在样式中，我的意思是它不列在属性中，并将样式添加到了答案中，因为这似乎是OP想要的？？或者你可以只记录对象本身，如果你使用控制台的话。@Asad-它是一个元素，因此，它将只在控制台中打印

。@adeneo在大多数控制台中，您可以在单独的面板中检查DOM对象。例如，在Firebug中，我可以右键单击条目并选择“在DOM面板中检查”，以在可扩展视图中查看其所有属性。是的，这两个页面上的时间相同。此外，还列出了

style.background

。我以前从来没有看过这个列表，还有一些比我想象的要多。@JaredFarrish-它可能列在样式中，我的意思是它没有列在属性中，并将样式添加到了答案中，因为这似乎是OP想要的？？