ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptでHTMLタグを非表示にする方法

JavaScriptでHTMLタグを非表示にする方法

WBOY
リリース: 2021-12-21 10:56:13
オリジナル
5447 人が閲覧しました

方法: 1. "document.getElementById("id")" ステートメントを使用して、ID 値に基づいて指定された HTML タグ要素オブジェクトを取得します。 2. "tag element object.style.display=" を使用します。 none";" このステートメントは、取得した HTML タグ要素を非表示にすることができます。

JavaScriptでHTMLタグを非表示にする方法

このチュートリアルの動作環境: Windows 10 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript で HTML タグを非表示にする方法

JavaScript で HTML タグを非表示にしたい場合は、「document.getElementById( "id") " ステートメントは、id 値に基づいて、指定された html タグ要素オブジェクトを取得します。

次に、style 属性と display 属性を使用して、取得した要素オブジェクトを非表示にします。

表示要素の属性値が none の場合、要素は非表示になります。

例は次のとおりです:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
<p>无序列表:</p>
<ul>
  <li id="xuebi">雪碧</li>
  <li>可乐</li>
  <li>凉茶</li>
</ul>
<script type="text/javascript">
document.getElementById("xuebi").style.display="none";
</script>
</body>
</html>
ログイン後にコピー

出力結果:

JavaScriptでHTMLタグを非表示にする方法

##[関連する推奨事項:

JavaScript 学習チュートリアル ]

以上がJavaScriptでHTMLタグを非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート