js循环列表添加li数据 

<body>
<ul id="test">
</ul>
<script type="application/javascript">
    var  list1 = ["白菜","萝卜","黄瓜","西红柿"]
    for(var index in list1){
        //获取list1中的元素
        var txt = list1[index];
        //创建 “li” 标签
        var tag = document.createElement("li")
        //在li标签中写入获取到的值
        tag.innerText = txt;
        //绑定 id=test的UL
        var parenTag = document.getElementById("test")
        //将li标签写入绑定的ul
        parenTag.appendChild(tag)
    }
</script>
</body>
posted @ 2022-06-13 10:20  whtjyt  阅读(1233)  评论(0)    收藏  举报