如何获取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. 输入一些值OR

2. 通过Javascript代码

   。

   的document.getElementById（ “XYZ”）值= 5;

但是

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

总是告诉我

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

为什么呢？ 任何人都可以告诉我如何获得dom元素“abc”的最新html。？

Answer 1

.value不会更改HTML。如果您想这样做，请改用.setAttrubute。看到这个JSFiddle：http://jsfiddle.net/5EFXN/

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