对象不反映段落中的属性

时间:2015-02-07 16:42:12

标签: javascript object

我编写了一个在控制台中正常运行的简单代码,但是没有反映代码中对象的属性,我无法弄清楚代码是什么错误:

<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行,控制台可以正常使用相同的代码!

提前致谢!

1 个答案:

答案 0 :(得分:1)

innerHTML不是一种方法,它是一种财产。将文本分配给属性:

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