• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:innerTextで文字を変えたいのですが)

innerTextで文字を変えたいのですが

このQ&Aのポイント
  • 配列imの数値によって表示される文字を変える方法を教えてください。
  • 現在はimの配列要素が1なら「ok」と表示し、0なら「-----」と表示していますが、innerTextで表示する文字を変えるところが正しく動作していません。
  • どこを修正すれば正しく文字を表示できるようになるのでしょうか。お助けください。

質問者が選んだベストアンサー

  • ベストアンサー
  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

なぜforループによってgetElementByIdとnumで使い分けているのでしょうか? それとinnerTextは方言なのであまりお勧めできません。 スタイルのところははしょって書くとこんな感じ <script> var im=new Array(30); function Preferences(){ for(var f=1;f<=30;f++){ im[f]=0; im[2]=1; im[5]=1; var num=document.getElementById("num"+f.toString()); if(im[f]==0){ num.innerHTML="----------"; }else{ num.innerHTML="ok"; } } } window.onload=function(){Preferences()} </script> <div id="num1" >A1</div> <div id="num2" >A2</div> <div id="num3" >A3</div> <div id="num4" >A4</div> <div id="num5" >A5</div> <div id="num6" >A6</div> <div id="num7" >A7</div> <div id="num8" >A8</div> <div id="num9" >A9</div> <div id="num10">A10</div> <div id="num11">A11</div> <div id="num12">A12</div> <div id="num13">A13</div> <div id="num14">A14</div> <div id="num15">A15</div> <div id="num16">A16</div> <div id="num17">A17</div> <div id="num18">A18</div> <div id="num19">A19</div> <div id="num20">A20</div> <div id="num21">A21</div> <div id="num22">A22</div> <div id="num23">A23</div> <div id="num24">A24</div> <div id="num25">A25</div> <div id="num26">A26</div> <div id="num27">A27</div> <div id="num28">A28</div> <div id="num29">A29</div> <div id="num30">A30</div>

00d
質問者

お礼

yambejpさんご回答ありがとうございます。 forループによってgetElementByIdとnumで使い分けているのは意味はありませんね。すみません。 innerTextについてのご指摘もありがとうございます。 おかげで思うように動きました。

関連するQ&A

専門家に質問してみよう