Изменить содержимое div с помощью JavaScript

Question

Как динамически изменять содержимое div с помощью JavaScript?

Answer 1

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

Я бы рекомендовал использовать рамки как jQuery хотя, потому что есть вероятность, что вы будете делать больше вещей, как это позже.

Answer 2

Это следует сделать это:

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

И в JavaScript:

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

Answer 3

Ее стоит отметить, что вы можете также использовать innerHTML включить другую разметку. Кроме того, если у DIV нет идентификатора, вы можете попробовать использовать getElementsByTagName.

Пример, чтобы получить первый DIV в документе:

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

Это позволяет петли через несколько DIVs в документе и проверки других условий.

И как сказал, что они выше, если DIV имеет идентификатор, который вы знаете, всегда будет там, то вот лучше использовать:

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

Отъезд Prototype (ссылки ниже) (или JQuery) в обращении это, как они делают жизнь проще, особенно, когда вы получаете в 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'); 

}); 
});