怎么用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标签添加内容的 *** 作：

<script language="javascript">

function add() {

var fileDiv = document.getElementById('fileDiv')

var strHtml = '<div><strong>name</strong>：<input name=name type=text size=5 /><button class=parentNode onclick="removeFile(parentNode)">删除</button></div>'

fileDiv.innerHTML += strHtml

}

function removeFile(obj) {

obj.removeNode(true)

}

function GetNameValue()

{

var str=''

var arr=document.getElementsByName('name')

for(var i=0i<arr.lengthi++)

{

if(arr[i].value!='')

{

str=str+arr[i].value+","

}

}

alert(str)

}

</script>

<div id="fileDiv"></div>

<a href="javascript:void(add())" class="f12px">添加一个</a>

<input type="button" value="获取" onclick="GetNameValue()" />

<script language="javascript">

//默认打开几个

n=3

for(var j=0j<nj++)

{

add()

}

</script>

---