js中怎样动态添加一个li
23个回答
展开全部
这是使用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>
运行结果：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
获取要添加位置的上级元素对象，然后使用进行添加
$("xxx").append("<li>xxxx</li>");
$("xxx").append("<li>xxxx</li>");
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我觉得纸尿裤的透气性与柔软度是很重要的，你想想，宝宝基本一天二十四小时都需要穿着纸尿裤，而纸尿裤如果整天都是又湿又脏的，宝宝的屁屁闷在里面很容易就会患上红屁股。.在了解到好奇金装纸尿裤可以做到海量吸收，.就明白，这个没错啦！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在要添加的时候触发一个方法，往里面放li就行了。
例如在一个div里面添加，可以这样写：
div.append("<li>动态的一个li</li>");
例如在一个div里面添加，可以这样写：
div.append("<li>动态的一个li</li>");
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<body>
<ul id="ul1">
</ul>
<script>
//创建元素节点
var para=document.createElement("li");
var node=document.createTextNode("这是新段落。");
para.appendChild(node);
//追加到另一个元素节点
var element=document.getElementById("ul1");
element.appendChild(para);
</script>
</body>
li的内容也可以通过input获取
<ul id="ul1">
</ul>
<script>
//创建元素节点
var para=document.createElement("li");
var node=document.createTextNode("这是新段落。");
para.appendChild(node);
//追加到另一个元素节点
var element=document.getElementById("ul1");
element.appendChild(para);
</script>
</body>
li的内容也可以通过input获取
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（21）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
