কম্পিউটার

আমি কিভাবে জাভাস্ক্রিপ্ট ব্যবহার করে HTML এ একটি চাইল্ড নোড সরাতে পারি?


জাভাস্ক্রিপ্ট ব্যবহার করে এইচটিএমএল-এ একটি চাইল্ড নোড মুছে ফেলার কোড নিচে দেওয়া হল −

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .result {
      font-size: 20px;
      font-weight: 500;
   }
</style>
</head>
<body>
<h1>Removing a child node in HTML using JavaScript</h1>
<div style="color: green;" class="result">
<ul class="animal">
<li>Cow</li>
<li>Lion</li>
<li>Tiger</li>
<li>Buffalo</li>
</ul>
</div>
<button class="Btn">CLICK HERE</button>
<h3>
Click the above button to remove the first list element from the above
list
</h3>
<script>
   let resEle = document.querySelector(".result");
   let animalList = document.querySelector(".animal");
   document.querySelector(".Btn").addEventListener("click", () => {
      animalList.removeChild(animalList.childNodes[0]);
      animalList = animalList;
   });
</script>
</body>
</html>

আউটপুট

উপরের কোডটি নিম্নলিখিত আউটপুট −

তৈরি করবে

আমি কিভাবে জাভাস্ক্রিপ্ট ব্যবহার করে HTML এ একটি চাইল্ড নোড সরাতে পারি?

'এখানে ক্লিক করুন' বোতামে ক্লিক করলে -

আমি কিভাবে জাভাস্ক্রিপ্ট ব্যবহার করে HTML এ একটি চাইল্ড নোড সরাতে পারি?


  1. কিভাবে জাভাস্ক্রিপ্ট ব্যবহার করে পিতামাতার শিশু উপাদান পেতে?

  2. কিভাবে আমি জাভাস্ক্রিপ্টে H1 innerText এর সন্তানের innerText ছাড়া পেতে পারি?

  3. জাভাস্ক্রিপ্টে আইডি দ্বারা উপাদান সরান?

  4. জাভাস্ক্রিপ্টে একটি DOM নোডের সমস্ত চাইল্ড উপাদান সরান?