如何獲得DOM元素的當前HTML

我想要回顧一個DOM元素「abc」的html。如何獲得DOM元素的當前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>

可以說，我通過Javascript代碼

的document.getElementById（「XYZ」）。值= 5輸入一些值OR

修改的文本框

的值;

但

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

總是告訴我

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

爲什麼？任何人都可以告訴我如何獲得dom元素「abc」的最新html。

來源

2013-10-10 Preetam Purbia

爲什麼你需要看到的innerHTML更新的價值？ – bfavaretto

我有幾個文本框和下拉列表中的一個容器，用戶可以更新值。我想顯示/隱藏該容器，而不必一次又一次地渲染（不循環json）。它有許多行的網格。 –

那麼，爲什麼你不顯示/隱藏與例如'document.getElementById（「abc」）。style.display ='none''（或'inline'再次顯示輸入）？ – bfavaretto

.value不會更改HTML。如果你想這樣做，請改用.setAttrubute。看到這個的jsfiddle：http://jsfiddle.net/5EFXN/

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

來源

2013-10-10 14:46:58

但是當用戶在文本框中輸入某個值時？那麼我需要更新屬性？通過onchange –

我想真正的問題是你爲什麼要改變HTML？ –

如何獲得DOM元素的當前HTML

回答

相關問題