如何使用JavaScript在<div id="mydiv">...</div>
之间插入一些HTML代码?
Ex:<div id="mydiv"><span class="prego">Something</span></div>
最多是大约10行html。谢谢
如果要替换div的内容并将HTML作为字符串,则可以使用以下代码:
document.getElementById('mydiv').innerHTML = '<span class="prego">Something</span>';
使用香草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>");
// Build it using this variable
var content = "<span class='prego'>....content....</span>";
// Insert using this:
document.getElementById('mydiv').innerHTML = content;
document.getElementById("mydiv").innerHTML = "<span class='prego'>Something</span>";
应该这样做。如果您愿意使用jQuery,可能会更容易。
document.getElementById('mydiv')。innerHTML ='whatever';
这确实是一个模棱两可的要求。有很多方法可以完成。
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);
这两种方法都首选使用Javascript库,该库为诸如mootools这样的简单事物创建快捷方式。 (http://mootools.net)
使用mootools,该任务看起来像:
new Element('span', {'html': 'Something','class':'prego'}).inject($('mydiv'));
Javascript
document.getElementById('mydiv').innerHTML = '<span class="prego">Something</span>';
jQuery
$("#mydiv").append('<span class="prego">Something</span>');