我编写了一个在控制台中正常运行的简单代码,但是没有反映代码中对象的属性,我无法弄清楚代码是什么错误:
<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行,控制台可以正常使用相同的代码!
提前致谢!
答案 0 :(得分:1)
innerHTML
不是一种方法,它是一种财产。将文本分配给属性:
document.getElementById('para1').innerHTML = x.name;