检索指定对象的属性和方法

时间:2018-06-30 09:48:45

标签: javascript jquery

假设这样的HTML代码段

<a name="edit" href="javascript:" onclick="edit_column(this, {{ column.id }})"><span class="glyphicon glyphicon-pencil"></span></a>

js:

function edit_column(the, column_id){
  alert(the)}

点击后会提示“ javascript:”

我试图通过

检索有关它的更多信息。
function edit_column(the, column_id){
  alert(typeof the)}

它提醒object

如何检索这样指定对象的属性和方法,例如python中的dirvars

1 个答案:

答案 0 :(得分:2)

您可以使用Object.keys来获取对象的可枚举的属性名称的数组(然后使用它们来查找值),或者在现代环境中使用Object.entries为您提供名称和值(作为数组的数组,其中每个下级数组的格式为[name, value])。如果需要有关不可枚举属性的信息,则还有Object.getOwnPropertyNamesObject.getPrototypeOf。(如果需要查看其原型)。

但是您的特定示例是DOM元素(准确地说是HTMLAnchorElement实例),因此您还可以在the spec中查找其属性和方法。

  

点击后会提示“ javascript:”

如果您想知道为什么会这样,那是因为alert将其参数强制转换为string,而HTMLAnchorElement生成的字符串就是其href属性的值。 / p>