[英]insert/remove HTML content between div tags
how can I insert some HTML code between <div id="mydiv">...</div>
using javascript?如何使用 javascript 在
<div id="mydiv">...</div>
之间插入一些 HTML 代码?
Ex: <div id="mydiv"><span class="prego">Something</span></div>
its about 10 lines of html of most.例如:
<div id="mydiv"><span class="prego">Something</span></div>
最多的 10 行 html。 thank you谢谢
如果您要替换 div 的内容并将 HTML 作为字符串,则可以使用以下内容:
document.getElementById('mydiv').innerHTML = '<span class="prego">Something</span>';
A simple way to do this with vanilla JavaScript would be to use appendChild
.使用 vanilla JavaScript 执行此操作的一种简单方法是使用
appendChild
。
var mydiv = document.getElementById("mydiv");
var mycontent = document.createElement("p");
mycontent.appendChild(document.createTextNode("This is a paragraph"));
mydiv.appendChild(mycontent);
Or you can use innerHTML
as others have mentioned.或者您可以使用其他人提到的
innerHTML
。
Or if you would like to use jQuery, the above example could be written as:或者如果你想使用 jQuery,上面的例子可以写成:
$("#mydiv").append("<p>This is a paragraph</p>");
// Build it using this variable
var content = "<span class='prego'>....content....</span>";
// Insert using this:
document.getElementById('mydiv').innerHTML = content;
That's really kind of an ambiguous request.这确实是一个模棱两可的要求。 There are many ways this can be accomplished.
有很多方法可以实现这一点。
document.getElementById('mydiv').innerHTML = '<span class="prego">Something</span>';
That is the simplest .那是最简单的。 OR;
要么;
var spn = document.createElement('span');
spn.innerHTML = 'Something';
spn.className = 'prego';
document.getElementById('mydiv').appendChild(spn);
Preferred to both of these methods would be to use a Javascript library that creates shortcut methods for the simple things like this, such as mootools.首选这两种方法是使用 Javascript 库,该库为诸如 mootools 之类的简单事物创建快捷方法。 ( http://mootools.net )
( http://mootools.net )
With mootools this task would look like:使用 mootools 这个任务看起来像:
new Element('span', {'html': 'Something','class':'prego'}).inject($('mydiv'));
document.getElementById("mydiv").innerHTML = "<span class='prego'>Something</span>";
Should do it.应该做。 If you are willing to use jQuery it could be easier.
如果您愿意使用 jQuery,它可能会更容易。
document.getElementById('mydiv').innerHTML = 'whatever';
Javascript Javascript
document.getElementById('mydiv').innerHTML = '<span class="prego">Something</span>';
jQuery jQuery
$("#mydiv").append('<span class="prego">Something</span>');
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.