改变div的内容

Question

我想更改div内容，

这是我的代码：

<script type="text/javascript">
function changeText(){
    document.getElementById('df').value = 'changed';
}
</script>
<div id="df"></div>
<input type='button' onclick='changeText()' value='Change'/>

什么都没发生

Answer 1

您需要innerHTML，而不是value

function changeText(){
    document.getElementById('df').innerHTML = 'changed';
}

DEMO

Answer 2

尝试：

$('#df').append("changed");

Answer 3

document.getElementById('df').innerHTML = 'changed';

Answer 4

使用：

function changeText(){
    document.getElementById('df').innerHTML = 'changed';
}

另外 - 这是实际的html，而不仅仅是文本。