Javascript

【Javascript】クロスブラウザを制する Part 2　2-1 表示属性 visibility (1)

Javascript関連情報

更新日：2001年03月01日

クロスブラウザを制する Part 2　2-1 表示属性 visibility (1)

高橋登史朗

visibility は、画面上のHTMLを見えなくしたり見えるようにしたりするための属性だ。 CSS で指定しただけでは、指定した要素が単に「見える」か「見えない」というだけで特にどうということもない機能だが、これを JavaScript で制御するといきなり性格が変わってしまう。ダイナミックな表現に変身してくれるのだ。

|←前のページ | シリーズ目次 |

Samples

応用

各ブラウザのオブジェクト表記を統一してから処理する方法。
大きなスクリプトの場合はこの手の方法の方がソースがシン
プルになる。

function getLayOj( idName ){  

  if ( document.getElementById ) 
      return document.getElementById( idName ).style
      
  else if ( document.all )       
      return document.all( idName ).style
      
  else if ( document.layers )    
      return document.layers[ idName ]
  
}

function showLAYER( idName ){ 
 getLayOj( idName ).visibility = 'visible' 
}

Samples

★サンプル1

参考 : DynamicHTML/cross-browser Examples

|←前のページ | シリーズ目次 |

マネしたくなるアイデア住宅

住まいには、人の個性がよく現れるもの。同じ空間をどのように使うかで、雰囲気も、快適さも大きく変わってくる。ここでは、「建築家と家を建てる」ガイドの川畑博哉氏が厳選した10軒を紹介し、建築家それぞれのこだわりのポイントを紹介しよう。建築のプロたちが考え出した、マネしたくなるアイデアが満載！さぁ、いますぐチェック！