CSSを解除するJavascript｜コンテンツならサイトロジック

1. コンテンツならサイトロジックTOP
2. > WEBシステム
3. > Javascriptプログラム
4. > CSSを解除するJavascript
CSSを解除するJavascript
サイトロジックの作るホームページは、XHTMLのコーディングにかなり拘りを持って作っていて、とても好評を頂いています。

こうした階層構造を意識したXHTMLソースは、CSSを解除した状態で見ても、適切なインデントが入って、とても綺麗に見えるのですが、普通のブラウザだと、CSSを解除するような機能はありません。

個人的には、FIREFOXのプラグイン「Web Developer」の機能によるCSS解除で確認したりするのですが、興味を持ってくださる方に、それを準備してもらうのも忍びないので、JavascriptでCSSを解除するプログラムを作ってみました。
CSSを解除するJavascriptソース
```
<a href="javascript:for%20(i=0;i<document.styleSheets.length;i++)%20{void(document.styleSheets.item(i).disabled=true);}"><abbr title="Cascade Style Sheet">CSS</abbr>を解除</a>
```
これを実際にソースに組み込んだものが、下記のテキストリンクです。

CSSを解除

クリックすると、このページのCSSが解除され、テキストだけのページに切り替わるのがご確認頂けます。

元に戻すには、ページをリロードすればOKです。

あまり需要のないプログラムではありますが、aタグのリンクの中にも実装ができるJavascriptの柔軟性をご理解いただけるかと思います。
1. 前の記事はありません
2. CSSを解除するJavascript
3. 次の記事はありません
- ホームページ・イラスト・システム開発｜お問い合わせはこちら
  お気軽にご相談ください
  メールアドレス：
  
  例）info@sitelogic.jp
  
  お名前：
  
  例）山田太郎
  
  メッセージ：
  
  送信する
新着記事一覧サイトロジックのノウハウを公開！
サイトロジックでは、コンテンツ制作に関わるさまざまなノウハウを、惜しみなく公開しています。
コンテンツ制作のご参考に、ぜひお役立てください。
全21件の記事中最新の10件を表示 >> 続きを見る
話題のキーワードでニュースを検索！

▲戻る