Cambiar el contenido de un div usando JavaScript

Question

¿Cómo cambiar dinámicamente el contenido de un div usando JavaScript?

Answer 1

document.getElementById("divId").innerHTML = "new content!"

Yo recomiendo usar un marco como jQuery sin embargo, porque lo más probable es que va a hacer más cosas como esta tarde.

Answer 2

Esto debe hacerlo:

<div id="foo">Div you want to change</div> 

Y en JavaScript:

document.getElementById('foo').innerHTML = 'Your content'; 

Answer 3

Vale la pena señalar que también se puede utilizar innerHTML para incluir otra marca. Además, si la DIV no tiene una ID, puede intentar usar getElementsByTagName.

ejemplo, para obtener el primer DIV en el documento:

document.getElementsByTagName("div")[0].innerHTML = "<p>This is a <span>new</span> paragraph</p>"; 

Esto le permite colocar a través de varias Div en el documento y verificar otras condiciones.

Y como dijeron anteriormente, si el DIV tiene un ID que sabe que siempre estará ahí, entonces eso es mejor usar:

document.getElementById("theID").innerHTML = "<p>This is a <span>new</span> paragraph</p>"; 

Salida Prototipo (enlaces más abajo) (o jQuery) en la manipulación esto, ya que hacen la vida más fácil, especialmente cuando usted entra en los selectores CSS:

• http://api.prototypejs.org/dom/dollar.html
• http://api.prototypejs.org/dom/dollardollar.html
• http://api.prototypejs.org/dom/element.html#select-class_method

Answer 4

$(document).ready(function(){ 

$('#btn').click(function(){ 

    $('#div_content').load('html.page'); 

}); 
});