javascript - 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';
}

デモ

Answer 2

使用する：

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

また、これは単なるテキストではなく、実際の html です。

Answer 3

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

Answer 4

試す：

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