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" />

为什么？谁能告诉我如何获取 dom 元素“abc”的最新 html。？

Answer 1

.value 不会改变 HTML。如果您想这样做，请改用 .setAttribute。请参阅此 JSFiddle:http://jsfiddle.net/5EFXN/

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