- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：リンク色を動的に変更したい。innerHTMLでcssを書き換えましたがうまくいきません。）
リンク色を動的に変更したい
このQ&Aのポイント
- innerHTMLでcssを書き換えたがFirefoxでは反映されるものの、IEでは書き換えられない。
- 疑似クラスを変更してリンク色を変えたいが、DOMでのやり方がわからない。
- リンク色を変更する方法について教えてください。
- enta_2006
- お礼率73% (31/42)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
noname#23734
回答No.1
このスクリプトってspanの中にstyleを書いているんですよね。 それはまずいでしょう。 どうせなら style=document.createElement('style') document.getElementsBytagName('head')[0].appendChild(style) style.cssText=$cssString1 Firefox Opera8なら style.appendChild(createTextNode($cssString1)) IE addRule1又はstyleSheets[参照番号].cssText Firefox insertRule Opera8 CSSにアクセスできない。 Opera9 insertRuleかな？ でルールを個別に追加 の方が動く可能性が高いと思います。 でもwindow.onloadで書きかえるなら最初からそのスタイルシートを書いておけば良いような気がします。 ブラウザ毎に分けたいのかな？
お礼
window.onloadはテスト用に適当につけたものなので、意味はありません:) IE styleSheets[参照番号].cssText Firefox Opera8 style.appendChild(createTextNode($cssString1)) 上記で、おっしゃられたとおりにやったらいきました！ プラウザ毎の処理まで提示して頂き、本当に助かりました。 自分ではどうにもならなかったのでとても嬉しいです。 有り難うございました！