জাভাস্ক্রিপ্টে একটি এলিমেন্টের ডিসপ্লে টাইপ সেট করা

এলিমেন্টের ডিসপ্লে টাইপ সেট করতে display প্রপার্টিটি ব্যবহার করুন। এলিমেন্ট লুকাতে হলে none ব্যবহার করুন।

উদাহরণ

জাভাস্ক্রিপ্টে এলিমেন্টের ডিসপ্লে টাইপ সেট করতে নিচের কোডটি চালান:

<!DOCTYPE html> <html>    <head>       <style>          #myID {             width: 250px;             height: 200px;             background-color: green;          }       </style>    </head>    <body>       <button onclick="display()">ডিসপ্লে none সেট করুন</button>       <div id="myID">          <h1>ডেমোর জন্য শিরোনাম স্তর ১</h1>          এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট।       </div>       <script>          function display() {             document.getElementById("myID").style.display = "none";          }       </script>    </body> </html>

সাধারণ ডিসপ্লে মান: block, inline, inline-block, flex, grid, none (লুকায়ে, জায়গা রাখে না), contents (বাচ্চাদের উপরে তুলে আনে)। visibility: hidden লুকায়ে কিন্তু জায়গা রাখে।