为什么我无法获取此文本输入字段的值？

Question

我有一个 div，其中包含一个文本输入字段：

<div id="age" class="fullScreen">
  <input type="text" id="age" class="textInput" placeholder="Please enter age..." />
  <button type="button" onclick="submitAge()">Submit</button>
</div>

submitAge() 看起来像这样：

function submitAge() {
  var ageVal = document.getElementById("age").text;
  alert(ageVal);
}

但是在 Google Chrome 和 Webkit Nightly 中，我看到一个带有“未定义”文本的警报（我无法在任何其他浏览器中测试，因为该页面包含网络套接字）。

chrome 开发人员工具显示了这一点：

我认为问题在于输入不在表单中，但我不希望它在表单中，因为我将通过 websockets 提交数据。

我必须把它放在一个表格中还是有更好的解决方案？

谢谢。

Answer 1

您已经重新定义了 ID“年龄”。 重命名您的 div 或输入，您应该没问题。

Answer 2

尝试：

function submitAge() {
  var ageVal = document.getElementById("age").value;
  alert(ageVal);
}

Answer 3

var ageVal = document.getElementById('age').value;

alert(ageVal)

注意 .value 而不是 text

Answer 4

改变：

 var ageVal = document.getElementById("age").text;

至

 var ageVal = document.getElementById("age").value;

Answer 5

尝试

document.getDocumentById("age").value;

Answer 6

你的<div>有年龄的 id。 这将返回 div 或 HTMLElements 数组。 获取输入的唯一id，您将是金子