js中怎样动态添加一个li

 我来答
imqzc
2017-06-27 · TA获得超过3862个赞
知道大有可为答主
回答量:2499
采纳率:82%
帮助的人:378万
展开全部

这是使用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>

运行结果:

瑚一刀
2017-06-26 · TA获得超过2113个赞
知道小有建树答主
回答量:5171
采纳率:48%
帮助的人:572万
展开全部
获取要添加位置的上级元素对象,然后使用进行添加
$("xxx").append("<li>xxxx</li>");
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
心授匠只婆裂讯
2017-06-26
知道答主
回答量:4
采纳率:0%
帮助的人:3779
展开全部
我觉得纸尿裤的透气性与柔软度是很重要的,你想想,宝宝基本一天二十四小时都需要穿着纸尿裤,而纸尿裤如果整天都是又湿又脏的,宝宝的屁屁闷在里面很容易就会患上红屁股。.在了解到好奇金装纸尿裤可以做到海量吸收,.就明白,这个没错啦!
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
老王的互联网技术
2017-06-26 · 专注互联网行业十一年
老王的互联网技术
采纳数:88 获赞数:370

向TA提问 私信TA
展开全部
在要添加的时候触发一个方法,往里面放li就行了。
例如在一个div里面添加,可以这样写:
div.append("<li>动态的一个li</li>");
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
灬大飞龙
2017-06-26 · TA获得超过213个赞
知道小有建树答主
回答量:202
采纳率:0%
帮助的人:69.3万
展开全部
<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获取
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(21)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式