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

 时间:2026-04-22 18:51:11

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

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

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

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

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

3、创建JS文档,并且和HTML文档关联。

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

4、function button(){

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

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

    ul.appendChild(li);

}

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

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

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

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

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

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

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

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

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

li.innerHTML = "新的一个";

这样就能显示了。

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

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

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

  • 如何用vs2013新建一个网站
  • 百度网盘如何添加百度网盘好友
  • 乐动力软件怎么修改个人资料
  • IDEA怎么设置支持屏幕阅读器?
  • 思科模拟器连接路由器得方法
  • 热门搜索
    狗感冒吃什么药 福州到平潭岛怎么坐车 服从的近义词 掩耳盗铃的近义词 分散的近义词 惟妙惟肖怎么读 感冒流鼻涕吃什么药 末影之眼怎么做 感冒能吃螃蟹吗 电信手机卡怎么激活