这是使用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>
运行结果:
![](https://video.ask-data.xyz/img.php?b=https://iknow-pic.cdn.bcebos.com/574e9258d109b3de4b1214d1c6bf6c81810a4cde?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto)