插入/删除div标签之间的HTML内容

Question

如何使用javascript在<div id="mydiv">...</div>之间插入一些HTML代码？

例如：<div id="mydiv"><span class="prego">Something</span></div>其大约10行html。谢谢

Answer 1

如果你要替换的div的内容，并有HTML作为一个字符串，你可以使用以下命令：

document.getElementById('mydiv').innerHTML = '<span class="prego">Something</span>'; 

Answer 2

// Build it using this variable 
var content = "<span class='prego'>....content....</span>"; 
// Insert using this: 
document.getElementById('mydiv').innerHTML = content; 

Answer 3

document.getElementById("mydiv").innerHTML = "<span class='prego'>Something</span>"; 

应该这样做。如果你愿意使用jQuery，它可能会更容易。

Answer 4

document.getElementById（'mydiv'）。innerHTML ='whatever';

Answer 5

这真是一种模棱两可的请求。有很多方法可以完成。

document.getElementById('mydiv').innerHTML = '<span class="prego">Something</span>'; 

这是最简单的。要么;

var spn = document.createElement('span'); 
spn.innerHTML = 'Something'; 
spn.className = 'prego'; 
document.getElementById('mydiv').appendChild(spn); 

首选这两种方法是使用创建像这样简单的东西的快捷方式，如一个mootools的Javascript库。 （http://mootools.net）

通过MooTools这个任务看起来像：

new Element('span', {'html': 'Something','class':'prego'}).inject($('mydiv')); 

Answer 6

的简单方式与香草的JavaScript是使用appendChild做到这一点。

var mydiv = document.getElementById("mydiv"); 
var mycontent = document.createElement("p"); 
mycontent.appendChild(document.createTextNode("This is a paragraph")); 
mydiv.appendChild(mycontent); 

或者您可以使用其他人提到的innerHTML。

或者，如果你想使用jQuery，上面的例子可以写成：

$("#mydiv").append("<p>This is a paragraph</p>");