实现简单的前端判断验证码的过程中犯了一个低级的错误，那就是没有区分清楚innerHTML和value的区别……

 

现在做出简单的区分：

 

innerHTML操作非表单元素的内容或文本内容，如div等；不能用于表单元素，例如：input；

 

value是表单元素的特有属性。非表单元素没有value属性，如div，span等；

 

因为我最开始没有区分二者区别，出现了如下错误：

 

var ranDom = document.getElementById（"random"）。value; 

 

var ranDomBox = document.getElementById（"randomBox"）。value;

 

由此引发的后面的代码无法正确执行！

 

if （ranDomBox == ranDom）

 

{

 

    document.getElementById（"inform"）。innerHTML = '验证码正确';

 

    return true;

 

}

 

<input id="randomBox" type="text" name="randomBox">

 

<div id="random" align="center"></div>

 

因为前面没有区分清楚二者区别，都使用value获取值，导致id="random"的值无法正确获取，并且浏览器不报错！

 

后面改正js错误后：

 

var ranDom = document.getElementById（"random"）。innerHTML;

 

var ranDomBox = document.getElementById（"randomBox"）。value;

 

代码功能实现！