怎么用JS给HTML标签添加内容

1、首先打开hbuilder软件新建一个html文件，在html页面上创建一个点击的button按钮：

2、然后为button添加点击时创建一个新的div事件。使用“document.createElement()”创建一个新的div，接着使用innerHTML对新建的div设置内容，最后把div放到body显示：

3、在html里为button按钮添加宇哥点击创建div的事件，完成之后代码就写好了，接下来需要看看效果：

4、保存好html文件后使用浏览器打开，此时还没有创建div：

5、最后点击button按钮，会执行脚本创建div的事件，新的div就创建好了，顺利实现了给HTML标签添加了内容。以上就是用JS给HTML标签添加内容的 *** 作：

可以定义一个全局变量，在选取该元素将此元素赋给此变量，在点button时，将此变量append到你所要添加的地方。

比如：

var

tempDOM

function

clickDOM(){

tempDOM

=

$(this)

}

function

clickButton(){

$("#你所要添加到的div或者其他的id").append(tempDOM)

}

$(document).ready(function(){

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

$("<input type='text' name='ddd' id='ddd' value='Hello, Nowamagic' ><br>").appendTo("#ccc")

})

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

$("#nowamagic").append("<input type='text' name='ddd' id='ddd' value='Hello, Nowamagic' ><br>")

})

})

这里我们必须知道一点，就是 append 和 appendTo 的区别：append 单纯的内容，appendTo 要把内容传给某个元素。

这个函数的用法有很多，比如你可以按需要追加form，在区域内追加图片等等都是可以的。

---