Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでHTML要素を非表示にする方法は？

可視性を使用する 要素を非表示にするJavaScriptのプロパティ。次のコードを実行して、可視性の操作方法を学ぶことができます。 要素を非表示にするプロパティ-

例

<!DOCTYPE html>
<html>
   <body>
      <p id = "pid">Demo Text</p>

      <button type = "button" onclick = "displayHide()">Hide</button>
      <button type = "button" onclick = "displayShow()">Show</button>
     
      <script>
         function displayHide() {
            document.getElementById("pid").style.visibility = "hidden";
         }
         function displayShow() {
            document.getElementById("pid").style.visibility = "visible";
         }
      </script>
   </body>
</html>

  1. JavaScriptとCSSを使用してドラッグ可能なHTML要素を作成するにはどうすればよいですか？

    JavaScriptとCSSを使用してドラッグ可能なHTML要素を作成するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .dragDiv {       position: absolute; &nb

  2. JavaScriptでIDで要素を削除しますか？

    IDで要素を削除するには、remove（）を使用できます。 例 以下はコードです- <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>D