js 如何在ul中动态添加li标签?

1、新建一个html文件，命名为test.html，用于讲解js如何在ul中动态添加li标签。

2、在test.html文件内，使用ul和li标签创建一个列表，并设置ul的id为myid，主要用于下面通过该id获得ul对象。

3、在test.html文件内，使用button标签创建一个按钮，按钮名称为“动态添加一个li”。

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

5、在js标签中，创建addli()函数，在函数内，通过createElement（）方法创建一个li标签对象，再通过innerHTML属性设置li标签的内容为“这是新增加的cccc”。

6、在addli()函数内，使用getElementById()方法获得ul对象，通过appendChild（）方法将li标签动态添加至ul标签内。

7、在浏览器打开test.html文件，点击按钮，查看实现的效果。