Question

我刚刚开始使用Javascript，而且，这段代码非常明显，而且它不起作用而且我不知道为什么，因为一切都很好看：

<html>
<head>
</head>
<body>
<h1>This is my first Javascript test.</h1>
<p id = "y">123</p>
<button type = "button" onclick = "do()">Do it!</button>
<script>
var x = ["First Element", "Second Element", "Third Element", "Fourth Element"];
function do() {
    for (var i = 0; i < x.length; i++) {
        document.getElementById("y").innerHTML = x[i] + "<br>";
    }
}
</script>
</body>
</html>

当我点击血腥按钮时，它就不起作用了。它没有给我＆lt;数组的内容。 p>在那里标记。

我非常感谢你！

Answer 1

我认为你想要实现的目标可以通过这一小改变来实现......

document.getElementById("y").innerHTML += x[i] + "<br>";

将“y”存储在局部变量中而不是每次都得到它会更明智。

<script>
var y = document.getElementById("y");
var x = ["First Element", "Second Element", "Third Element", "Fourth Element"];
function do() {
    y.innerHTML = "";
    for (var i = 0; i < x.length; i++) {
        y.innerHTML += x[i] + "<br>";
    }
}
</script>

无法使用for循环使用.innerHTML“打印”

1 个答案: