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

Ответ 1

Это должно сделать это:

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

И в JavaScript:

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

Ответ 2

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

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

Ответ 3

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

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

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

Это позволяет вам перебирать несколько DIV в документе и проверять другие условия.

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

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

Проверьте прототип (ссылки ниже) (или 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

Ответ 4

$(document).ready(function(){

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

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

 });
});