chèn/xóa nội dung HTML giữa các thẻ div

Question

làm cách nào để chèn một số mã HTML giữa <div id="mydiv">...</div> bằng javascript?

Ví dụ: <div id="mydiv"><span class="prego">Something</span></div> khoảng 10 dòng html của nó nhiều nhất. cảm ơn bạn

Answer 1

Nếu bạn đang thay thế các nội dung của div và có HTML như là một chuỗi, bạn có thể sử dụng như sau:

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>"; 

nên làm điều đó. Nếu bạn sẵn sàng sử dụng jQuery, nó có thể dễ dàng hơn.

Answer 4

document.getElementById ('mydiv'). InnerHTML = 'whatever';

Answer 5

Đó thực sự là một yêu cầu không rõ ràng. Có nhiều cách có thể thực hiện được.

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

Đó là đơn giản nhất. HOẶC LÀ;

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

Ưu tiên cả hai phương pháp này là sử dụng thư viện Javascript để tạo phương pháp tắt cho những thứ đơn giản như thế này, chẳng hạn như mootools. (http://mootools.net)

Với mootools nhiệm vụ này sẽ như thế nào:

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

Answer 6

Một cách đơn giản để làm điều này với vanilla JavaScript sẽ được sử dụng appendChild.

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

Hoặc bạn có thể sử dụng innerHTML như những người khác đã đề cập.

Hoặc nếu bạn muốn sử dụng jQuery, ví dụ trên có thể được viết như sau:

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