ホームページ > ウェブフロントエンド > jsチュートリアル > javascript HTML要素で指定した領域を表示/非表示にする [凡例] use_javascriptスキル

javascript HTML要素で指定した領域を表示/非表示にする [凡例] use_javascriptスキル

WBOY
リリース: 2016-05-16 18:33:05
オリジナル
1400 人が閲覧しました

JavaScript コード:
コード

コードをコピー コードは次のとおりです:

function ExpandOther (el, el2) {
thatEl = document.getElementById(el)
button = document.getElementById(el2)
if (thatEl.style.display == 'none') {
thatEl. style.display = '';
button.value = "非表示";
}
else {
thatEl.style.display = 'none';
button.value = "表示" ;
}

expandOther(e1,el2)、
e1 パラメーターは、ID が inputshowData、
の入力ボタンなど、操作する必要があるイベント オブジェクトを指定できます。 el2 パラメータは、TABLE、div などの領域を非表示にする必要があるイベント オブジェクトを指定できます。

id は datadiv データです表示レイヤー領域
id は inputshowData 操作ボタン
HTML サンプルコード:
コードをコピー コードは次のとおりです。











< ;/asp :GridView>



とても簡単だと思いましたか?
個人的に。
ただし、このレイヤーには、主にスタイル属性 overflow:auto と指定された幅と高さに基づいたスクロール バーがあります。
幅を直接指定しない場合は、ブラウザの幅に基づいてスクロールバーが表示されます。
高さを指定しない場合は、見た目どおり下方向のスクロールバーは表示されません。私は芸術が苦手です。今日はここに記録しておきますので、当時自分がどのように理解してコードを書いたかを振り返ることができます。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート