如何用js实现在一个标签之后添加一个标签

js实现在一个标签之后添加一个标签，代码很简单。

$("#button").click(function(){

$("#id").append("<b>Hello world!</b>")

})

1、新建一个txt文档，将文档修改成“index.html”的html文件。

2、将html文件用Sublime编辑器打开，完善html5标准化代码，并修改网页标题。

3、在body标签内编写一段"ul、li"的标签。

4、用浏览器打开index.html文件，可以发现默认“ul li”标签组前面有个实心小圆点。

5、只需要在ul标签内加入（style=“list-style：none；”）的样式代码，保存后再次刷新下页面。

6、刷新页面后，发现ul、li标签组前面的小圆点不见了。

注意事项：

JavaScript已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

方法一：

你先使用jquery移除掉以前的i标签，然后再次after，应该就可以了

//先创建i标签

var txt1 = "<i></i>"

//删除以前已经存在的i标签

$(".div1").find("i").remove()

//追加现在的i标签

$(".div1").find("input").after(txt1)

方法二：

你先在input后面写死一个i标签，然后控制起影藏，当点击按钮的时候，给这个i标签添加text（），然后控制其显示就可以了

---