JavaScriptでHTMLタグを非表示にする方法-jsチュートリアル-php.cn

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

WBOY

リリース： 2021-12-21 10:56:13

オリジナル

5426 人が閲覧しました

方法: 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タグを非表示にする方法