0

我只是从 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>

当我单击该死的按钮时,它就是不起作用。它没有给我 < p > 标记上的数组内容。

我非常感谢你!

4

1 回答 1

3

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

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>
于 2013-07-09T23:43:24.123 回答