| 解 説 |
ページが構築された後でもcreateStyleSheetを使えば現在のスタイルシートに新しくスタイルを追加することができます。追加するスタイルシートファイルをあらかじめ定義しておき「document.createStyleSheet(スタイルシートファイル名,位置)」のように指定します。同じスタイルが定義されていた場合は最初に定義されているものが優先されます。
|
| コード |
<![CDATA[
<html>
<head>
<title>ページ構築後にスタイルシートファイルを読み込む／定義する</title>
<script language="JavaScript"><!--
function setCss(cssName)
{
document.createStyleSheet(cssName,0);
}
// --></script>
</head>
<body>
<a href="javascript:setCss('mycss1.css')">set myCss1</a><br>
<a href="javascript:setCss('mycss2.css')">set myCss2</a><br>
</body>
</html>
]]>
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View! |
ページ構築後にスタイルシートファイルを読み込む／定義する