怎样用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)

append() 方法在被选元素的结尾（在内部）插入指定内容。

如$("p").append(" <b>Hello world!</b>")

appendTo() 方法在被选元素的结尾（在内部）插入指定内容。

如：$("<b>Hello World!</b>").appendTo("p")

prepend() 方法在被选元素的开头插入内容。

如：$("p").prepend("Some prepended text.")

after() 方法在被选元素之后插入内容。

before() 方法在被选元素之前插入内容。

如$("img").after("Some text after")$("img").before("Some text before")

---