div 태그 사이에 HTML 내용 삽입/제거

Question

<div id="mydiv">...</div> 자바 스크립트를 사용하여 일부 HTML 코드를 삽입하는 방법은 무엇입니까?

예 : <div id="mydiv"><span class="prego">Something</span></div> 약 10 줄의 html이 있습니다. 당신은 DIV의 내용을 대체하는 경우 당신

Answer 1

감사하고 다음을 사용할 수있는 문자열로 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 = '무엇이든';

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의로이 같은 간단한 것들에 대한 바로 가기 방법을 생성하는 자바 스크립트 라이브러리를 사용하는 것입니다.

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

Answer 6

appendChild을 사용하는 것입니다 자바 스크립트 바닐라이 작업을 수행하는 간단한 방법 : (http://mootools.net)

Mootools의이 작업은 같을 것이다.

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