无法获取输入的值

Question

我有一个带有输入的表单

<input type="text" class="class1 class2 class3 email" id="$email" name="$email" required="" value="email@email.com">

我无法获得输入的值。 我错过了什么吗？

    val = document.getElementById('$email').value;
    val = document.getElementById('email').value;
    val = document.getElementsByClassName("email").value;
    val = document.getElementsByName("$email").value;

Answer 1

getElementsByClassName和getElementsByName返回 HTMLCollection object。 您需要使用索引访问。

 val = document.getElementById('$email').value; val = document.getElementsByClassName("email")[0].value; val = document.getElementsByName("$email")[0].value;

 <input type="text" class="class1 class2 class3 email" id="$email" name="$email" required="" value="email@email.com">

Answer 2

以下代码将通过其Id检索任何元素的value内容。 请参阅ByClassName的最后一个示例。

https://jsfiddle.net/

<input type="text" class="class1 class2 class3 email" id="email" name="$email" required="" valu="email@email.com">

var element = document.getElementById("email");

if(element !== null) {
    console.log("Not null.");
  
  var content = element.value;
  console.log(content);
}
else {
    console.log("Null.");
}

按类名：

var element = document.getElementsByClassName("email");

if(element !== null) {
    console.log("Not null.");
  
  var content = element[0].value;
  console.log(content);
}
else {
    console.log("Null.");
}