对象不反映段落中的属性答案

【问题标题】：Object not reflecting attribute in paragraph对象不反映段落中的属性
【发布时间】：2015-02-07 16:42:12
【问题描述】：

我写了一个简单的代码，可以在控制台中正常运行，但没有反映代码中对象的属性，我无法弄清楚代码有什么问题：

<html>
<head> 
<script> 
function alpha(){
var x = {name:"Sunil",age:37,gender:"male"};
document.getElementById('para1').innerHTML(x.name);
console.log(x.name);
}
</script> 
</head> 
<body> 
<button id=but1 onclick=alpha()>Click Me</button> 
<p id=para1> This is paragraph One.  </p>
</body> 
</html>

请指出我哪里错了，因为如果我从头部删除 #para1 行，控制台可以使用相同的代码正常工作！

提前致谢！

【问题讨论】：

只是为了在@Guffa 的答案中添加一些东西，你会看到像 jQuery 这样的库，其中.html('Hallo') 是正确的做法，因为html 方法允许你同时设置并获得价值。

标签： javascript object

【解决方案1】：

innerHTML 不是方法，而是属性。将文本分配给属性：

document.getElementById('para1').innerHTML = x.name;

【讨论】：

我能问你点什么吗？
@innovation：你刚刚做到了。 ;)
你能检查我的问题吗？ CLICK
我以前从未见过这种情况。