js中li标签干嘛的

JavaScript016

js中li标签干嘛的,第1张

html标签，它和ul是一起出现的，如：<ul><li>123</li><li>456</li></ul>。有点类似于table标签中的td，<table><tr><td>123</td><td>456</td></tr></table>

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

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

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

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

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

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

<ul id="list">

<li></li>

....

</ul>

<script>

var list=document.getElementById("list")

//获取ul对象

lis=list.getElementsByTagName("li")

//获取ul下的li对象,是数组集合

for(var i=0,l=lis.lengthi<li++){

    lis[i].className="yangshi"+(i+1)

}

</script>