如何在js中循环赋值给页面上的li标签

如何在js中循环赋值给页面上的li标签,第1张

function setValue(){

    var items=document.getElementByTagName("li")//获取li集合

    for(var i=0i<items.lengthi++){

        var curr=items[i]//获取当前li

        curr.innerHtml="li内容"//为当前li赋值

        

        //如果是li赋值不同,则需要进行判断

    }

}

这是使用js增加li的示例,供您参考:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>js增添li元素</title>

</head>

<body>

<ul id='ul1' onClick="add()">

  <li>点击这里增加一个li行</li>

</ul>

<script>

    var cnt = 1 // 用于行计数

    function add() {

        var elem_li = document.createElement('li') // 生成一个 li元素

        elem_li.innerHTML = '这是增加的一行' + cnt ++ // 设置元素的内容

        document.getElementById('ul1').appendChild(elem_li) // 添加到UL中去

    }

</script>

</body>

</html>

运行结果:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11754436.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存