2011-08-06 5 views
0

スタイリングの目的でインライン要素のjavascriptから印刷されたテキストを使用するのは悪い習慣ですか?もしそうなら、JavaScriptの印刷されたテキストをスタイルする適切な方法は何ですか?スタイリングの目的でインライン要素にencase javascriptを使用するのは悪い習慣ですか?

例:

<script> 
function produceMessage(){ 
    var msg= 'This should print'; 
    return msg; 
} 
</script> 


<span style="color:red">script> 
document.write(produceMessage()); 
</script></span> 

EDIT:Changed document.body.appendChild(document.createTextNode(produceMessage())); D ocument.write(produceMessage());

答えて

1

には、それは悪い習慣は、スタイリングの目的のためにインライン要素にJavaScriptから包む印刷されたテキストを使用するのでしょうか?

一般的に言えば、はい。 HTML上にJavaScriptを構築する。 JavaScriptを実行していないとドキュメントの一部が意味をなさない場合は、JavaScriptで追加し、基本HTMLには含めないでください。

もしそうなら、javascriptの印刷されたテキストをスタイルする適切な方法は何ですか?

テキストとともに適切な意味マークアップを生成します。 (スパンは、HTMLの中に何を追加しているのかを記述していない場合の最後の手段です)。とにかく動作しないでしょう

<span style="color:red"><script>document.body.appendChild(document.createTextNode(produceMessage()));

。テキストが<body>要素に追加されているため、<span>の内部にはありません。

+0

おかげで再びクエンティン、非常に役立ちます – user784637

0

<span>要素にIDを与え、innerHTMLを使用してテキストを挿入します。

document.getElementById("element_id").innerHTML = "string"; 

<span id="element_id"></span>