js通过innerHTML向div中追加标签

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)

}

var ul=["<ul></ul>","<div></div>"]

var frag = document.createElement("div")

frag.innerHTML = ul[0]

var tmp = frag.children[0]

tmp.style.color='red'

ul[0] = tmp.outerHTML

1

2

3

4

5

6

7

8

9

10

11

12

13

14

<div id="parent"></div>

function addElementDiv(obj) {

var parent = document.getElementById(obj)

//添加 div

var div = document.createElement("div")

//设置 div 属性，如 id

div.setAttribute("id", "newDiv")

div.innerHTML = "js 动态添加div"

parent.appendChild(div)

---