BBS
HTML
CSS
JavaScript
DHTML
フィルタ
CGI
アクセス向上
音楽&動画
カラー
画像
フォント
特殊文字
HP作成リンク
サイト宣伝リンク
ACCESS R
ホーム
>
DHTML
>
適用されているCSSを調べる方法
■説明
CSSにより指定されているプロパティを調べることが出来ます。単純にこの機能を使うことはないでしょうが、知っているとタグにどのようなCSSが適用されているを確認することが出来ますので、便利です。DHTMLの機能です。動的なページを作ることが出来ます。
「
document.getElementById(id).style.cssText
」
でCSSでどのプロパティが指定されているかを表示しています
■ソース
<HTML> <HEAD> <META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript"> <META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css"> <TITLE>適用されているCSSを調べる方法</TITLE> <SCRIPT TYPE="text/javascript"> <!-- function CssCheck(id){ if(window.external){ //IE5以上である場合 //適用されているCSSをアラートで表示 alert(document.getElementById(id).style.cssText); } } //--> </SCRIPT> </HEAD> <BODY> <FORM> <INPUT TYPE="button" onClick="CssCheck('css1')" VALUE="CSS1確認"> <INPUT TYPE="button" onClick="CssCheck('css2')" VALUE="CSS2確認"> <INPUT TYPE="button" onClick="CssCheck('css3')" VALUE="CSS3確認"> </FORM> <SPAN ID="css1" STYLE="font-size:10pt; color:blue;">CSS1</SPAN><BR> <SPAN ID="css2" STYLE="font-size:12pt; color:green;">CSS2</SPAN><BR> <SPAN ID="css3" STYLE="font-size:14pt; color:red;">CSS3</SPAN><BR> </BODY> </HTML>
■実行例
CSS1
CSS2
CSS3
■対応ブラウザ
適用されているCSSを調べる方法
IE3
IE4
IE5
IE5.5
IE6
N3
N4
N6
N7
O6
O7
×
×
●
●
●
×
×
×
×
×
×
[
ホーム
] [
DHTML
] [
↑ページ最上部へ戻る
]
簡単に1クリックで宣伝広告!!
個人が全ての検索エンジンやメルマガ等に登録していくのは、非常に大変な労力となっています。しかし、
簡単に検索エンジン、リンク集、掲示板、メルマガの全てに1クリック
でPRが出来てしまいます。
Copyright © 2000-2003 ACCESS R All rights reserved. Presented by Ruby