JavaScript - 警报为空为什么?

时间:2012-10-20 11:28:28

标签: javascript html

为什么输出为空而不是长度(这是代码:)

<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>

6 个答案:

答案 0 :(得分:1)

您在输入字段中定义了name属性,而不是id

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

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

或者将您的JavaScript调整为此(MDN docu):

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

答案 1 :(得分:0)

getElementById使用id,但webAdress是名称属性。

答案 2 :(得分:0)

这将有效:

<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>

答案 3 :(得分:0)

试试这个:

<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> 

答案 4 :(得分:0)

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

根据你的脚本,它应该如上所述。

答案 5 :(得分:0)

尝试了所有的建议,并用chrome运行它们除了以下内容之外没有其他工作,

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