ul动态生成li(JavaScript写)
ul动态生成li(JavaScript写)
leona_lily 发表于3年前
ul动态生成li(JavaScript写)
  • 发表于 3年前
  • 阅读 4
  • 收藏 0
  • 点赞 0
  • 评论 0
摘要: JavaScript ul li
<htmL>
<head>
<meta content="text/html;charset=utf-8" http-equiv="content-type">
    <script type="text/javascript">
    window.onload = function(){
        var arrLi = [['我的朋友','同学','同事'],['哇哈哈','乐百氏','农夫山泉'],['咖啡','果汁','果酒']];
        
        for(var j=0; j<arrLi.length; j++){
            document.body.innerHTML += '<ul></ul>';
            var ul = document.getElementsByTagName('ul');
            for (var i = 0; i < arrLi[j].length; i++) {
                ul[j].innerHTML += '<li>'+arrLi[j][i]+'</li>';
            };
        }
    }
    </script>
</head>
<body>

</body>
</htmL>

运行效果


共有 人打赏支持
粉丝 9
博文 91
码字总数 37807
×
leona_lily
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: