开发者社区> 问答> 正文

如何通过JavaScript添加一个标签?

比如现在我有这样的一个div

<div>
    <li>一</li>
    <li>二</li>
    <li>三</li>
    <li>四</li>
</div>

我现在需要添加一个li到这个div中,这个li在div中的位置是在第二位,或者第三位怎么实现?

展开
收起
杨冬芳 2016-06-15 19:02:45 1665 0
1 条回答
写回答
取消 提交回答
  • IT从业

    html:

    <div id="myDiv">
        <li>一</li>
        <li>二</li>
        <li>三</li>
        <li>四</li>
    </div>

    javascript:

    var divNode = document.getElementById("myDiv");
    var liNode = document.createElement("li");
    liNode.innerHTML = 'xxx';
    divNode.insertBefore(liNode, divNode.children[1]); // 插入到第二个子节点之前
    
    2019-07-17 19:40:04
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
JavaScript函数 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载