Modifier le contenu d'un div en utilisant JavaScript

Question

Comment faire pour modifier dynamiquement le contenu d'un div en utilisant JavaScript?

Answer 1

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

Je vous conseille d'utiliser un cadre comme jQuery bien, parce que les chances sont que vous allez faire plus de choses comme ça plus tard.

Answer 2

Cela devrait le faire:

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

Et en JavaScript:

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

Answer 3

est utile de noter que vous pouvez également utiliser innerHTML pour inclure d'autres balises. De plus, si le DIV n'a pas d'ID, vous pouvez essayer d'utiliser getElementsByTagName.

exemple, pour obtenir la première DIV dans le document:

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

Cela vous permet de boucler à travers de multiples DIVs dans le document et vérifier d'autres conditions.

Et comme ils ont dit ci-dessus, si la DIV a un ID que vous savez toujours là, thats puis mieux utiliser:

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

Découvrez Prototype (liens ci-dessous) (ou jQuery) dans la manipulation cela comme ils rendent la vie plus facile, surtout quand vous entrez dans sélecteurs 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'); 

}); 
});