- ベストアンサー
文字を点滅させるスクリプト 複数個所対応に改変したい
文字を点滅させるスクリプト 複数個所対応に改変したい 下記のページにあるスクリプトを使って http://www9.ocn.ne.jp/~kita/himawari/sub72.htm <FONT color='red' size='2' id='blink'>都道府県を入力して下さい。</FONT> これで問題なく点滅表示が出来たのですが 複数ある場合は、1つ目しか点滅しません。 エラー表示に利用したので、使う数は動的に変わります。 全てを点滅させるには、どのように改変すれば出来るでしょうか。 宜しくお願い致します。
- kzkz-16
- お礼率43% (81/188)
- JavaScript
- 回答数1
- ありがとう数11
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
根本的な原因はidで処理しているから。 idは1ファイル1箇所にしか指定できません。 以下のようにclassで処理すればいけそうです。 <head> <style> p.blink { color:red; font-weight: bold; font-size:20px; } </style> <script> var count = 0; function blink () { var obj = document.getElementsByTagName("*"); for(var i=0;i<obj.length;i++){ if(obj[i].className.match(/(^| )blink( |$)/)){ obj[i].style.visibility = obj[i].style.visibility=="hidden"?"visible":"hidden"; } } } window.onload=function(){ setInterval(function(){blink()}, 1000) } </script> </head> <body> <p class="blink">点滅文字ですよ～♪</p> <p class="test1 blink">点滅文字ですよ～♪</p> <p class="blink test2">点滅文字ですよ～♪</p> <p class="test1 blink test2">点滅文字ですよ～♪</p> </body>
お礼
ありがとうございます！ 差し替えたら全て点滅するようになりました！ さすがです！ 最初bodyタグも変わっていると気づいてなくて <body onload="setTimeout('blink()', 1000);"> コレが残ったままやってて、動かなくて焦りました(笑) 同じ事する人いるかもなんで一応書いておきます。 ありがとうございました！