我编写了一个可以在控制台中正常运行的简单代码，但是没有在代码中反映对象的属性，因此我无法确定代码有什么问题：
<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行，则控制台可以使用相同的代码正常工作！
提前致谢！
最佳答案
innerHTML不是方法，而是属性。将文本分配给属性：
document.getElementById('para1').innerHTML = x.name;