Question

我应该在id =“para1”的段落中得到“Peter”的输出，但不知何故，这种情况不会发生。有人可以帮助我吗？

<html>
<head>
</head>
<body>
<p id=para1></p>
<script>document.getElementById('para1').innerHtml = alpha.name;</script>

<script>
var alpha = {name:"Peter",age:23,gender:"male"};
</script>
</body>
</html>

我已经将代码更改为此，仍然无法在html屏幕中看到“Peter”这个词：

<html>
<head></head>
<body>
<p id=para1></p>
<script>
var alpha = {name:"Roshan",age:23,gender:"male"};
document.getElementById('para1').innerHtml = alpha.name;
</script>
</body>
</html>

Answer 1

你有两个错误。

首先： <p id=para1></p> ID必须为" <{1}}

第二： <p id="para1"></p>而非innerHTML

点击此处查看更新的代码：

＆＃13;

innerHtml

＆＃13;

var alpha = {name:"Roshan",age:23,gender:"male"};
   
document.getElementById('para1').innerHTML = alpha.name;

＆＃13;

Answer 2

您尝试在对象存在之前调用它。要么改变你的脚本，要么使用window.onload：

<script type="text/javascript">
    window.onload = function(){ 
        var alpha = {name:"Roshan",age:23,gender:"male"}; 
        document.getElementById('para1').innerHTML = alpha.name;
    };
</script>

这确保在脚本执行之前页面已完全加载。

这是迄今为止最好，最安全的解决方案，但是如果你宁愿把它留在＆＃34;当你去的时候加载，那么改变订单（也许）就足够了：

<p id="para1"></p>

<script type="text/javascript">
    var alpha = {name:"Peter",age:23,gender:"male"};
    document.getElementById('para1').innerHTML = alpha.name;
</script>

编辑：

另外，正如其他人提到的那样 - 它是.innerHTML。 Javascript区分大小写。

Answer 3

你的主要错误是innerHtml而不是innerHTML。但是你的所有代码格式都不好。让我们改变您的代码

<p id="para1"></p>
<script type="text/javascript">
    var alpha = {name:"Roshan",age:23,gender:"male"};
    document.getElementById('para1').innerHTML = alpha.name;
</script>

Answer 4

<html>
<body>
<p id="para1"></p>
<script>
    var alpha = {name:"Peter",age:23,gender:"male"};
    document.getElementById('para1').innerHTML = alpha.name;
</script>
</body>
</html>

在html段落中打印对象属性

4 个答案: