javascript - JavaScript - 警报为空，为什么？

Question

为什么输出为空而不是长度（这是代码：）

<i>
 <input type="text" name="webAdress" />
<input type="button" value="CheckLegnth" onclick="myFunction()" />
     <script type="text/javascript">
            function myFunction() {
                var webAdress = document.getElementById('webAdress');
                alert(webAdress);
            }

  </script>  
</i>

Answer 1

name您在输入字段上定义了属性，而不是id.

因此，要么将输入字段中的属性更改为：

<input type="text" id="webAdress" />

或者将您的 JavaScript 调整为此（MDN 文档）：

function myFunction() {
  var webAdress = document.getElementsByName('webAdress')[0];
  alert(webAdress);
}

Answer 2

尝试了所有建议并在 chrome 中运行它们，除了以下之外，它们都没有工作，

function myFunction() {
  var webAdress1 = webAdress.value;
  alert(webAdress1);
}

Answer 3

这将起作用：

<i>
 <input type="text" id="webAdress" name="webAdress" />
<input type="button" value="CheckLegnth" onclick="myFunction()" />
     <script type="text/javascript">
            function myFunction() {
                var webAdress = document.getElementById('webAdress').value;
                alert(webAdress);
            }

  </script>  
</i>

Answer 4

尝试这个：

<input type="text" id="webAdress" name="webAdress"/>
    <input type="button" value="CheckLegnth" onclick="myFunction()" />
         <script type="text/javascript">
                function myFunction() {
                    var webAdress = document.getElementById('webAdress').value;
                    alert(webAdress);
                }

      </script> 

Answer 5

    function myFunction() {
      var webAdress = document.getElementsByName('webAdress')[0];
      alert(webAdress);
    }

根据您的脚本，它应该如上所示。

Answer 6

getElementById是 use id，但是webAdress是 name 属性。