javascript如何在div的末尾再添加一行

Question

我指的是如何用js在div的末尾再添加一行，而不是像这样 
document.getElementById("div1").innerHTML=document.getElementById("div1").innerHTML+"惺惺惜惺惺"；
每次在末尾添加一行都要给 div1重新赋值

Answer 1

1.在DIV里放一个变量
<%=codeValue%>
2.用你的JS来实现也可以

Answer 2

document.getElementById("div1").outerHTML=document.getElementById("div1").outerHTML+"惺惺惜惺惺"； 

Answer 3

你少写了一个加号,应该这样
document.getElementById("div1").innerHTML += document.getElementById("div1").innerHTML+"<br />惺惺惜惺惺"； 不过也可以用 createElement()方法 和 appendChild()方法相结合var newElement = document.createElement("p"); //创建 P 标签
var newText = document.createTextNode("这里是你的文本"); //创建文本标签
newElement.appendChild(newText); //将文本添加到P标签中...

Answer 4

var newElement = document.createElement("p"); //创建 P 标签 
var newText = document.createTextNode("这里是你的文本"); //创建文本标签 
newElement.appendChild(newText); //将文本添加到P标签中...

Answer 5

createTextNode
我看还不如INNERHTML

Answer 6

我是不想没次都给div1重新赋值，因为那样的话，如果div1中的内容很多的话，那么么每次重新赋值速度就会很慢，
所以我只想实现每次在div1已经有的内容的末尾在直接添加内容就算是用4楼的方法 ，那怎么把内容添加到div1的末尾呢··· 

Answer 7

=================
可以动态创建元素var div1 = document.getElementById("div1");
var newElement = document.createElement("p"); 
var newElement.innerHTML = "惺惺惜惺惺"； 
div1.appendChild(newElement); 

Answer 8

但是我想在div1尾部添加的内容中包含如<img.../>这样的东西，
如果像4楼的那样的话，就会将<img.../>源源本本的显示，
我不像将这些标记显示，应该显示的是一个图片，那么怎么办呢？？
如何在div尾部添加文本内容？？

Answer 9

按4楼说的就对，添加+号。
想加IMG元素。直接在后边加呗，
不过要注意转义
document.getElementById("mess").innerHTML="<img src='images/alert.gif' alt=\"图片提示文字\"/>";
楼主试试，这样才对。不能直接就写HTML元素。得加""

Answer 10

我晕 ···我不是这个意思··我想向 div1中添加的字符串是一个很长的混合字符串（其中包含<img><span〉<div>和字符串等），因为要不断的向div1中添加这种很长的字符串所以我不想每次添加的时候都用document.getElementById("div").innerHTML+="...."因为这样就等于每增加一条都要给div1重新付值，当div1中的内容很多的时候，div1就会晃一下，速度慢，视觉效果也不好
如果用4楼的办法是可以的，达到了每次给div1末尾增加一行而不是每次给div1重新付值得目的，
！！！但是这种方法将字符串中的<img><span><div>等标签都是以字符串的形式显示出来了
！！！可我是想将<img><span><div>这些就以图片样式的方式显示