可以直接用document.getElementById("divid").innerHTML = "<p>内容</p>"的方式来写。
多个可以循环进行处理。
假设段落文本是个数组：array。
可以通过for (var i = 0i <array.lengthi++) {document.getElementById("divid").innerHTML = "<p>"+array[i]+"</p>"}的方式进行处理。
延展：
如果段落过多,直接使用 div.appendChild方法会不段刷新DIV对象,影响运行速度。
正确的方法应该使用 document对象的碎片方法。
document.createDocumentFragment 容器,最后再将这些碎片返回给DIV对象比较合理，例如:
var strArrayList=[]// 创建一个段落文本数组对象，这些段落文本可能是100个也可能是1000个。
strArrayList[0]='数据111.......'
strArrayList[1]='数据.......'
strArrayList[2]='数据.......'
strArrayList[3]='数据.......'
strArrayList[4]='数据.......'
//...数据n.....
var div=document.getElementById('div1')//获得DIV对象。
var f=document.createDocumentFragment()//创建碎片对象。
for(var i=0i<strArrayList.lengthi++){
var p=document.createElement('P')//动态创建P标签。
p.appendChild(document.createTextNode(strArrayList[i]))//段落字符串。
f.appendChild(p)//附加到碎片对象中。
}
div.appendChild(f)//最后返给DIV对象。
用setAttribute方法就可以了，如：document.getElementById('d','123456')如果是动态添加标签的话：
var parent = document.getElementById(obj)//添加 div
var div = document.createElement("div")
//设置 div 属性，如 id
div.setAttribute("id", "newDiv")
div.innerHTML = "js 动态添加div"
parent.appendChild(div)
js 动态添加li代码：
<ul id="parentUl"><li>原li</li></ul>
function addElementLi(obj) {var ul = document.getElementById(obj) //添加 livar li = document.createElement("li") //设置 li 属性，如 idli.setAttribute("id", "newli") li.innerHTML = "js 动态添加li"ul.appendChild(li)}调用：addElementLi("parentUl")
用 js 动态添加元素，就不会有那么复杂的字符串出现，代码阅读性强一点，也容易理解。用代码的方式在js中给li附上标签。
一、js 动态添加元素div：
<div id="parent"></div> function addElementDiv(obj) {var parent = document.getElementById(obj) //添加 divvar div = document.createElement("div") //设置 div 属性，如 iddiv.setAttribute("id", "newDiv") div.innerHTML = "js 动态添加div"parent.appendChild(div)}调用：addElementDiv("parent")
二、js 动态添加元素img：
<ul id="parentUl"></ul>
function addElementImg(obj) {var ul = document.getElementById(obj) //添加 livar li = document.createElement("li") //添加 imgvar img = document.createElement("img") //设置 img 属性，如 idimg.setAttribute("id", "newImg") //设置 img 图片地址img.src = "/images/prod.jpg" li.appendChild(img)ul.appendChild(li)}调用：addElementImg("parentUl")
