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

function setValue(){

    var items=documentgetElementByTagName("li");//获取li集合

    for(var i=0;i<itemslength;i++){

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

        currinnerHtml="li内容";//为当前li赋值

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

    }

}

1、新建一个html文件，命名为testhtml。

2、在testhtml文件内，使用ul和li标签创建一个列表，li的值分别为测试a，测试b。

3、在testhtml文件内，设置第一个li标签的id为mytest，主要用于下面通过该id获得li对象。

4、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“改变li的值”。

5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行editli（）函数。

6、在js标签中，创建editli()函数，在函数内，使用getElementById（）方法通过id(mytest)获得li对象，给该li对象的innerHTML属性重新赋值，实现改变li标签的值。

documentgetElementById("a")getAttribute("value");//结果为1

documentgetElementById("a")innerHTML;//结果为A

你ID是一样的，用getElementById会默认是为第一个li的结果。

documentgetElementsByName("a");这就是一个集合了，可以通过使用小标分别获取

documentgetElementsByName("a")[0]getAttribute("value");//结果为1

documentgetElementsByName("a")[1]getAttribute("value");//结果为2

事件改写一下:onclick="btshow(this)";>

function btshow(select){

var value=selectinnertext();

}

希望能帮助到你，谢谢！

var dv=documentgetElementById("star"); 获取id="star"的div

var ularr=dvgetElementsByTagName("ul"); 获取div下的ul

var liarr=ularr[0]getElementsByTagName("li"); 获取div下的ul下的li

liarr是个数组。

其实最简单方法是给ul一个id=“getli”；

然后var liarr=documentgetElementById("getli")getElementsByTagName("li");

liarr是个数组

这个要用到JS中的innerHTML来实现，具体代码如下：

<style>

ul{width:300px; height:auto; margin:0 auto; border:1px dotted #F00; text-decoration:none;}//给UL定义一个样式

li{width:300px; height:30px; line-height:30px; list-style: none; }//控制LI显示样式

</style>

<ul id="aaa">//这里给出UL一个ID，以便JS脚本获取相应元素

<li>中国</li>

<li>美工</li>

<li>意大利</li>

<li>德国</li>

</ul>

<script>

windowonload = function(){

var obj_lis = documentgetElementById("aaa")getElementsByTagName("li");

for(i=0;i<obj_lislength;i++){

obj_lis[i]onclick = function(){

alert(thisinnerHTML);

}

}

}

</script>。

以上就是关于如何在js中循环赋值给页面上的li标签全部的内容，包括:如何在js中循环赋值给页面上的li标签、js点击ul中某个li标签,改变这个li标签的背景图,当点击其它li标签时前一个被点击的标签背景、js怎么获得li的value等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！