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 对象类型的文档。

例如，这里form是一个描述元素的 DOM 接口的页面，其中包含属性和方法。

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

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

console.log(div);