html - 我无法在输入标签中获取输入文本？

Question

这对我来说很奇怪：

document.getElementById('orderNumber')

返回<button class="popup" id="orderNumber">order Number</button>

document.getElementById('orderNumber').value

返回''

所有的操作都是在 dom 完全加载之后并且在我输入类型之后，

Answer 1

如果你想要value元素的，该元素必须有一个value属性集：

<button class="popup" id="orderNumber" value="this is the value">order Number</button>

通过以下方式检索的值：

var value = document.getElementById('orderNumber').value;

或者如果您想要元素的文本，请尝试检索textContent（或innerText）：

var ordernumberEl = documet.getElementById('orderNumber'),
    text = orderNumberEl.textContent || orderNumberEl.innerText;

一个通用的JS Fiddle 概念证明。

Answer 2

尝试：

document.getElementById('orderNumber').innerHTML