2017-04-17 29 views
0

私はその場で入力されているテキストの色を設定する必要がある入力ボックスを持っています。私はcontent.style.colorプロパティを使って色を設定できませんでした。あなたが要素ではなく、要素の値にスタイルを設定したいcontent.style.color = 'red';入力ボックスのJavaScriptのテキストの色を設定するには?

text.style.color = 'red';にここでフィドルfor highlighting word in input box

答えて

4

の変更です。

0

こんにちは!

内容は定義されていません。これはあなた

var text = document.getElementById('text'); 
 
     text.addEventListener("keyup", function(event){ 
 
      func(event)}); 
 
      console.log(text); 
 

 
     var colors = ["red","green","blue","pink","maroon"]; 
 

 
     var i = 0; 
 

 
     function func(e){ 
 
      if(!(e.keyCode==32)){ 
 
      var content = text.value; 
 
      document.getElementById('text').style.color = 'red'; 
 
      } 
 

 
     }
<div class="highlight"> 
 
     <input type="text" name="" value="" id="text"> 
 
    </div>


のために働く必要があり

は、私はあなたを助け願っています!

+0

さて、あなたはそれをコード化しました。あなたは、keyCode!= 32ならテキストの色が変わるべきだと書いています。私はあなたがそれを意図したと思った –

+0

OPはそれをそのようにコード化したことを意味します。私はばかげて、残りのコードを読まなかった。少なくとも私はそれを認めます。 –

+1

ああ、ああ、申し訳ありません、それは遅くなった笑^^ –

関連する問題