如何获取 dom 元素的当前 html

How to get current html of a dom element

本文关键字:元素 html dom 何获取 获取      更新时间:2023-09-26

我正在尝试检索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。?

.value 不会更改 HTML。 如果要执行此操作,请改用 .setAttrubute。 请参阅此 JSFiddle: http://jsfiddle.net/5EFXN/

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