for——生成新闻

最新推荐文章于 2024-04-23 17:51:07 发布

可芭乐

最新推荐文章于 2024-04-23 17:51:07 发布

阅读量240

点赞数 1

分类专栏：小作品

本文链接：https://blog.csdn.net/a839371666/article/details/52985508

版权

小作品专栏收录该内容

10 篇文章 0 订阅

订阅专栏

for——生成新闻

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
<script type="text/javascript">
    window.onload = function(){
        var oBtn = document.getElementById('btn1');
        var oUl = document.getElementById('list');
        var arr = ['新闻1','新闻2','新闻3','新闻4','新闻5'];
        var onOff = true;

        oBtn.onclick = function(){
            if (onOff) {
                for (var i = 0; i <arr.length; i++) {
                    oUl.innerHTML +='<li>' + arr[i] + '</li>';
                }
                onOff = false;
            };
         }
    }
</script>
</head>
<body>
    <input id="btn1" type="button" value="自动生成" />
    <ul id="list"></ul>
</body>
</html>