কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্টে 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>Document</title> </head> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <body>    <h1 id="demo">Hello</h1>    <p id="demo1">This is my paragraph</p> </body> <script>    document.getElementById("demo").remove(); </script> </html>

প্রোগ্রামটি চালানোর জন্য, ফাইলটি যেকোনো নাম দিয়ে সংরক্ষণ করুন (যেমন: index.html)। ফাইলে ডান ক্লিক করে VS Code এডিটরে Open with live server অপশনটি নির্বাচন করুন।

আউটপুট

এটি নিচের আউটপুটটি দেবে:

জাভাস্ক্রিপ্টে ID দিয়ে এলিমেন্ট রিমুভ করা

  1. জাভাস্ক্রিপ্ট JSON HTML

  2. জাভাস্ক্রিপ্টে HTML এলিমেন্টে oninput অ্যাট্রিবিউট যোগ করার পদ্ধতি

  3. জাভাস্ক্রিপ্টে element.classList ক্লিয়ার করা

  4. HTML Quotations