কম্পিউটার

জাভাস্ক্রিপ্ট সহ একটি HTML টেবিলের প্রতিটি উপাদানে একটি IF শর্ত প্রয়োগ করবেন?


এর জন্য, আপনি document.querySelectorAll.forEach().

ব্যবহার করতে পারেন

উদাহরণ

নিম্নলিখিত কোড -

<!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>
   <table>
      <tr>
         <td class="demo"> Java </td>
      </tr>
      <tr>
         <td class="demo"> MySQL </td>
      </tr>
      <tr>
      </tr>
   </table>
</body>
<script>
   document.querySelectorAll(".demo").forEach(function (obj) {
      if (obj.innerText.trim() === "MySQL") {
         obj.innerText = "Javascript";
      }
      if (obj.innerText.trim() === "MongoDB") {
         obj.innerText = "Python";
      }
   });
</script>
</html>

উপরের প্রোগ্রামটি চালানোর জন্য, ফাইলের নাম anyName.html(index.html) সংরক্ষণ করুন। ফাইলটিতে ডান ক্লিক করুন এবং VS কোড এডিটরে "লাইভ সার্ভারের সাথে খুলুন" বিকল্পটি নির্বাচন করুন৷

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

জাভাস্ক্রিপ্ট সহ একটি HTML টেবিলের প্রতিটি উপাদানে একটি IF শর্ত প্রয়োগ করবেন?


  1. একটি শর্ত সহ একটি জাভাস্ক্রিপ্ট অ্যারে যোগদান?

  2. জাভাস্ক্রিপ্ট দিয়ে এইচটিএমএল ডিভকে পাঠ্য উপাদানে প্রতিস্থাপন করবেন?

  3. JavaScript দিয়ে innerHTML সেট করুন

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