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
キーボード入力 (今日のテーマ)

BlogPet 今日のテーマ キーボード入力「キーボードをタイピングする時はロー …

no image
3Dチャット@IMVU

3Dのキャラでチャットできる、所謂アバターってやつ。 YouTubeに釣られて登 …

no image
今年の目標

レンタルスペースでMySQLが使えると言うことで、DBサイトの構築をする事。 ま …

no image
Dreamweaverでサイトの管理情報が保存されないトラブル

HP作成にDreamweaverを使っているのですが、最近突然に、サイトの管理の …

no image
Ping送信してアクセスアップ?

weblogs.comにもPing飛ばしてみよう ttp://www.borar …

no image
GoogleMap画像ジェネレータ

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

no image
.htaccessで携帯用ページに振り分ける方法

携帯端末以外のIPを制限するhtaccessを簡単生成 これは便利だし、「出力す …

wordpressのテーマをstinger5にして最初にカスタマイズした所

wordpressのテーマをstinger5に変更しました。
SEOに強く、アフィリエイト効果も高い洗練されたテーマですが、読者がもっと読み易くなるポイントがあります。
ほんの少しの書き換えで変わるのでご紹介します。
ソースはコピペで簡単に改造できますので初心者でも簡単です。

no image
WordPressにTwitterを表示する

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

wordpressのテーマstinger5の記事冒頭にアイキャッチ画像を表示する為の改造

stinger5の初期状態のままだと、アイキャッチを設定しても、記事一覧には表示されますが、記事本文には表示されません。それではちょっと寂しいと感じましたので、テーマファイルを改造してみました。
最後の「まとめ」に、コピペで改造できるようにソースコードを載せています。