如何用js创建标签插入指定的位置

来源：互联网 2023-03-17 00:01:00 版权归原作者所有，如有侵权，请联系我们

如何用js创建标签插入指定的位置，HTML复制架构，JS负责让HTML动起来，如果基本架构创建好了，要添加标签，就需要JS了，另外插入到指定的位置我们需要进行定位来核定位置。

如何用js创建标签插入指定的位置

工具/原料

这里我们创建一个新的HTML文档，并且设置基本的架构。

如何用js创建标签插入指定的位置

这个时候我们创建一下按钮标签，要求可以新增li标签。

如何用js创建标签插入指定的位置

创建JS文档，并且和HTML文档关联。

如何用js创建标签插入指定的位置

function button(){

var ul = document.getElementById("ul");

var li = document.createElement("li");

ul.appendChild(li);

}

创建一下函数，要求点击按钮就在ul里创建标签。

如何用js创建标签插入指定的位置

然后我们在按钮这里加入onclick="button()"。

这个时候点击就会创建li了。

如何用js创建标签插入指定的位置

5相关内容未经许可获取自百度经验

最后我们需要为新增的标签添加内容。

li.innerHTML = "新的一个";

这样就能显示了。

如何用js创建标签插入指定的位置

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！