Javascript 在div标记之间插入/删除HTML内容

如何使用javascript在

…

之间插入一些HTML代码

例：

Something

大多数情况下大约有10行html。谢谢

//使用此变量构建它
// Build it using this variable
var content = "<span class='prego'>....content....</span>"; 
// Insert using this:
document.getElementById('mydiv').innerHTML = content;

var content=“…content…”；
//使用以下命令插入：
document.getElementById（'mydiv'）。innerHTML=content；

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

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

document.getElementById（'mydiv'）.innerHTML='Something'；

document.getElementById（“mydiv”）.innerHTML=“Something”；

---

我应该这样做。如果您愿意使用jQuery，它可能会更简单。

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

这确实是一个模棱两可的请求。有很多方法可以实现这一点

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

这两种方法的首选方法是使用Javascript库，为类似这样的简单事情创建快捷方式方法，例如mootools。（）

使用mootools，此任务看起来像：

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

---

使用香草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>");

$（“#mydiv”）。追加（这是一段“
”；

Javascript

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

document.getElementById（'mydiv'）.innerHTML='Something'；

jQuery

$("#mydiv").append('<span class="prego">Something</span>');

$（“#mydiv”）.append（'Something'）；

您是在div中替换HTML，还是在div中插入更多内容？在这种情况下，使用mootools并不是什么捷径。您只保存了六个字符，并且必须理解一个新的框架。Mootools可能适用于更复杂的功能，尤其是在解决方案因浏览器而异的情况下。

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

$("#mydiv").append('<span class="prego">Something</span>');