2017-12-13 13 views
0

テキストの長さが2より大きいときにdivを表示する関数を作成しましたが、動作していないようです。テキストの入力が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; 
} 
+1

'テキストは=のdocument.getElementById( "検索")[値]、これはコード取り組んでいる –

+0

そもそも:。https://jsfiddle.net/bj22met8/6/ –

答えて

4

。 DOMオブジェクト(結果:document.getElementById)には長さがありません。

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

を、私はそれを試みたが、divがありますまだ見えない – htmlnoob

+0

@htmlnoob:本当に? https://jsfiddle.net/bj22met8/1/ – panther

+0

ああ、私はHTMLパネルではない別のパネルでjavascriptを持っていました。それはなぜ仕事をしなかったのですか?ありがとう – htmlnoob

関連する問題