style.colorなど

質問

<span id= "AAA">文字列A　文字列B</span>

上記の文字色を変更する操作においてのJavaScriptについてです。。
ソースがあちこち飛んでいて全ての記述は困難なので書き出します。

MojiA="文字列C　"
MojiB="文字列D"

//文字列C　文字列Dを新たに上書きします
document.getElementById('AAA').innerText = MojiC + MojiD ;

//一定時間したら以下が実行されて文字色が変色します
function CHG() {
document.getElementById('AAA').innerHTML =
MojiC.fontcolor("#ffff00") + MojiD.fontcolor("#ff0000") ;
}

//再び一定時間したら以下が実行されて文字色が変色します
function mojiClear() { document.getElementById(AAA').style.color = "#ffffff" }

この時、最後のスクリプトは
MojiC.fontcolor("#ffffff") + MojiD.fontcolor("#ffffff")
ではなく、.style.color = "#ffffff"を指定したいのですが、ここが機能しません。
ユーザーの選択項目によって変数が違ってくるので、id=AAAとして一括で変色したいのです。
MojiC.fontcolor("#ffff00") + MojiD.fontcolor("#ff0000") ;の指定を行った後では、
スタイル変更は不可能なのでしょうか？

回答No.1

think49 · ベストアンサー

サンプルを置きました。
http://jsfiddle.net/5TvT5/
上段が現在の状態、下段が期待する状態です。
親要素ではなく、子要素にスタイルを指定してください。

> MojiC.fontcolor("#ffff00")
String#fontcolor はブラウザ依存ですので、element.style.color で統一した方がいいかと思います。
http://msdn.microsoft.com/ja-jp/library/cc409889.aspx
https://developer.mozilla.org/ja/Core_JavaScript_1.5_Reference/Global_Objects/String/fontcolor

> document.getElementById('AAA').innerText
innerText もブラウザ依存なので textContent と併用してください。
https://developer.mozilla.org/En/DOM/Node.textContent

お礼

fontcolorの指定に負けてしまっていると言うことなんですね。
改善したいと思います。
ご回答ありがとうございました。