javascript - dom 要素の現在の html を取得する方法

Question

DOM要素「abc」のhtmlを取得しようとしています。

<div id=abc>
<input id=xyz type=text value="2" />
</div>
<input  type=button value="2" onclick="show()"/>
<script>
document.getElementById("xyz").value=5;
function show(){
alert(document.getElementById("abc").innerHTML);
}
</script> 

テキストボックスの値を変更したとしましょう

1. 何らかの値を入力するか、

2. Javascript コードによる

   document.getElementById("xyz").value=5;

しかし

alert(document.getElementById("abc").innerHTML);

いつも見せて

 <input id=xyz type=text value="2" />

なんで？ドム要素「abc」の最新のhtmlを取得する方法を誰か教えてもらえますか?

Answer 1

.value は HTML を変更しません。そのようにしたい場合は、代わりに .setAttribute を使用してください。この JSFiddle を参照してください: http://jsfiddle.net/5EFXN/

document.getElementById("xyz").setAttribute('value','5');