Question

在哪里可以找到Javascript中变量的所有可用方法的列表？

例如：

var Variable1 = document.getElementById("Button1");
var Variable2 = document.getElementById("Label1");
var Variable3 = document.getElementById("TextBox1");

Variable1，Variable2和Variable3有哪些属性？

即使Variable1是Button元素，它们是否相同，Variable2是Label元素而Variable3是TextBox元素吗？

Answer 1

除了Dredel的答案，您还可以使用console.dir(document.getElementById('idhere'));或其变体在控制台中登录对象的可用属性和方法。

Answer 2

您可以执行for(var a in obj)并获取对象所包含的所有内容的列表。在您的情况下，for(a in Variable1)将显示所有对象。然后，您可以通过Variable1[a]

查看它们（在循环中）

并且它们将大致相同，假设它们是DOM的一部分，因为DOM对象都从同一个显示对象继承，但不是，它们不会相同，因为某些HTML对象具有不属于的唯一属性全球共享。为长长的清单做好准备！

Answer 3

MDN是一个很好的参考。从Node和Element开始，几乎每个HTML元素都会从中继承。

另一个了解DOM参考的好方法是：HTML Level 2 IDL和JavaScript定义。

HTML5 standard本身还有其他一些定义。

Answer 4

在现代浏览器中，您可以使用

Object.getOwnPropertyNames(variable1)

这将仅返回自己的属性，而不是继承的属性。如果您希望所有人都使用for (var property in obj) ...。

元素都从相同的对象继承，因此它们大多具有相同的属性;你会发现.checked，.multiple等差异

Javascript变量属性列表

4 个答案: