AZuSk's secret log

AZuSkの日々的Hack雑記

IEのJavascriptでclass値を設定してもCSSが適用されない

   

スポンサーリンク

hoge.secret.jp_300x250

JavascriptでRSSを読み込んで動的にリンクタグを作るスクリプトを組んだ。

概要は

Javascriptで
var a_tag = document.createElement(“a”);
a_tag.href = “http://リンク先”;
a_tag.appendChild(document.createTextNode(“タイトル”));
a_tag.setAttribute(“class”,”kurasu”);
style.cssで
.kurasu{background-color:#555;}

これだとIEではcssが反映されない。
FireFoxでは反映される。

悩んだ結果google先生に聞くことにした。

http://wiki.bit-hive.com/tomizoo/oldrev/?pg=JavaScript%20%A5%AF%A5%ED%A5%B9%A5%D6%A5%E9%A5%A6%A5%B6%A4%CB%B4%D8%A4%B9%A4%EB%A5%E1%A5%E2&rev=43
5.3 エレメントのclass属性値の変更
に書いてた。
document.getElementById(id).className = “xxxx”;
とすればよいと。

なら、前述では

a_tag.className = “kurasu”;

無事にIEでもcssが適用されました。

Powered by ScribeFire.

未分類

スポンサーリンク

hoge.secret.jp_336x280

hoge.secret.jp_336x280

Message

メールアドレスが公開されることはありません。

CAPTCHA


  関連記事

no image
ScribeFireにて

ScribeFireを使ってHPからログインしないで投稿するテスト。 ああ、Sc …

no image
OnMouseOverでリンク先のスクリーンショットを・・・

素直に公開APIにリンクした方がスマートです。はい、これ、結論。 スクリーンショ …

no image
WordPressのテーマ’DarkCity’のpタグ

よくブログって空白行でタメを作りますよね。 ここまでタメて一発ギャグ どこが不具 …

no image
05月21日のココロ日記(BlogPet)

う、おなかが痛いかも…ガを食べすぎました *このエントリは、ブログペットのココロ …

no image
GoogleMap画像ジェネレータ

GoogleMapをblogなどでgif画像として使いたい時に、GoogleMa …

no image
トイレットペーパー品切れ続出

ハッピィファミリー 白 12Rシングル価格:2,880円(税込、送料込) 【残り …

no image
東北関東大震災の被災者の皆様にお見舞い申し上げますの文

このたびの震災のお見舞いの文章をHPに載せる事になったのですが、他社の皆様はどの …

no image
携帯各キャリア別絵文字ライブラリ

http://potora.dip.jp/これ有料http://search.c …

no image
Ajaxのloading画像ジェネレータサイト2つ

javascriptなどでページ書き換えの待ち時間によく見かけるgifアニメーシ …

no image
WordPressにTwitterを表示する

WordPressのpluginページでTwitterを調べるといろいろhitし …