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 に答える