javascript - javascript长度返回未找到

Question

为什么当我想要检查 webAdress 长度时，它会让我找不到，但长度却没有？

<script type="text/javascript">
             function myFunction() {
                 var webAdress = document.getElementById('webAdress');
               alert(String(webAdress.legnth));
}

Answer 1

这是正确的document.getElementById，如果存在，总是返回单个元素。您不应该对多个元素使用相同的 id。

webAdress是 dom 元素不是数组。

如果您想检查某些特定元素的长度，请使用类，例如。

var webAdress = document.getElementsByClassName('webAdress');
alert(webAdress.length);

如果要检查 webAdress 的内容长度：

var webAdress = document.getElementById('webAdress');
alert(webAdress.innerHTML.length);

Answer 2

如果您想获得名称为 webAdress 的可用控件数量，则以下函数是正确的。但是，如果您想获取 webAdress 字段的字符串长度，那么您必须具有 javascirpt 函数的值属性，如下所示

function myFunction() {
     var webAdress = document.getElementById('webAdress');
   alert(String(webAdress.legnth));
}

function myFunction() {
     var webAdress = document.getElementById('webAdress').value;
   alert(String(webAdress.legnth));
}

Answer 3

<input type="text" id="webAdress">
<input type="button" value="check" onClick="myFunction()">​


        function myFunction() {
            var webAdress = document.getElementById('webAdress').value;
            alert(webAdress.length);
        }

如果您尝试此示例，则拼写存在问题。

更新：我添加了相同的脚本哟一个小提琴，http://jsfiddle.net/sameerast/Rk7ht/1/