怎样用js向div中追加一些标记

html中的div如下，id为div1

<div id="div1">Hello World !</div>

js代码：

1、使用innerHTML:

var div1 = document.getElementById("div1")

div1.innerHTML+="加入内容"

2、使用appendChild:

var div1 = document.getElementById("div1")

var tag = document.createElement("p")

tag.innerHTML = "P内容"

div1.appendChild(tag)

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

function addFile(){

var num = document.getElementById('newFileNumber').value

var tmp = document.createElement('p')

tmp.innerHTML = '文件标题：<input>'....//补全你的内容

document.getElementById('newFileUpload').appendChild(tmp)

num++

document.getElementById('newFileNumber').value = num

}

扩展资料：

注意事项

创建的标签可以是<p>(含有一定的样式)，也可以是<span>（没有任何样式）。

function showmenu(o)

{

var parent = document.getElementById("div1")

var ele = document.createElement("p")

var text = document.createTextNode("我是一个p")

ele.appendChild(text)

parent.appendChild(ele)

}

---