繁体   English   中英

尝试编写一个循环语句以打印出我的播放列表,但是我的浏览器只是无限循环而已

[英]Tried writing a loop statement that prints out my playlist, but my browser just infinitely loops instead

因此,我要编写一个循环语句以打印出我的播放列表,但是我的浏览器只是无限循环,而不是加载文本和内容。 我该如何调整代码来做到这一点?

<!DOCTYPE html>
    <html>
    <head>
        <title>9. Looping Statements in Javascript</title>
    </head>
    <body>
        <h1>9. Looping Statements in Javascript</h1>
        <div id="container"></div>
        <div id="playlist"></div>
        <script>
            var playlist = [];
            playlist[0] = "Willy Wesly";
            playlist[1] = "Childish Gambino";
            playlist[2] = "Chance The Rapper";
            playlist[3] = "Travi$ Scott";
            playlist[4] = "Yeezy";

            // while
            var i = 0;
            while (i < playlist.length); {
                var element = document.getElementById('playlist').innerHTML = playlist;
                element.innerHTML = 'Now Playing: ' + playlist[i], i++;
                container.appendChild(element);
            }
        </script>
    </body>
    </html>

尝试以下操作,在关闭方括号后删除分号:

var i = 0;
while (i < playlist.length) {
    var element = document.getElementById('playlist').innerHTML = playlist;
    element.innerHTML = 'Now Playing: ' + playlist[i], i++;
    container.appendChild(element);
}

您不需要附加元素,它已经是dom的一部分。 只需添加到它的innerHTML ,(br就是我认为最漂亮的方式)

var i = 0;
var element = document.getElementById('playlist');
element.innerHTML = 'Now Playing:<br/>';

while (i++ < playlist.length) {
    element.innerHTML += playlist[i] + '<br/>';
}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM