使用JavaScript更改div的内容

Question

如何使用JavaScript动态更改div的内容？

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没有ID，您可以尝试使用getElementsByTagName。

例如，要得到第一个DIV文件中：

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

这允许您遍历文档中的多个资料核实，并检查其他条件。

而像他们上面说的，如果DIV有，你知道总会有一个ID，然后那最好使用：

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

Answer 4

$(document).ready(function(){ 

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

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

}); 
});