javascript - wrong values with JS innerHTML

Question

I have this code:

<div id='html'><input type='text' value='' /></div><br><a onClick="alert(document.getElementById('html').innerHTML);">click me</a>

http://jsfiddle.net/EQ88q/

If you change input value and click on "click me" you won't see the real input value. Is there any propety instead of "innerHTML" that gets the real values?

PS: I'm using plain javascript I can't use any library.

Answer 1

这将起作用，但它非常粗糙：

<div id='html'>
<input type='text' value=''/>
</div>
<script>
function LinkClick()
{
 var ele = document.getElementById('html');
 ele.children[0].setAttribute("value",ele.children[0].value);
 alert(ele.innerHTML);
}
</script>
<br><a onClick="LinkClick()">click me</a>

---

我看到 ComCrude 刚刚在评论中提供了这个确切的答案

Answer 2

elem.innerHTML是元素内部的 HTML 代码。在这种情况下，innerHTML是空字符串，因为标签内没有内容。

您应该使用input_elem.value来获取value输入元素的属性。