文本输入大于2后，使div可见

Question

我创建了一个函数，用于在文本长度大于2时显示div。但它似乎不起作用。

jsfiddle：https://jsfiddle.net/bj22met8/

的javascript

function showDIV(){
 text = document.getElementById("search");
    if (text.length >=1){
        document.getElementById("section").style.visibility = 
  "visible";
    }

  }

HTML

<div id="section">
  dsfdsf
  </div>
  <input type="text" id="search" size="20" onkeydown="showDIV();">

式

 #section{
 width: 200px;
 height: 200px;
 background-color: blue;
 visibility: hidden;
 }

Answer 1

您需要测试输入值。 DOM对象（document.getElementById的结果）没有长度。

if (text.value.length >= 1) {...}