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

HTML DOM nodeValue প্রপার্টি

HTML DOM nodeValue প্রপার্টি নোডের মান অনুযায়ী একটি স্ট্রিং রিটার্ন বা সেট করে।

সিনট্যাক্স

স্ট্রিং মান রিটার্ন করার জন্য:

Node.nodeValue

রিটার্ন মান নিম্নলিখিত হতে পারে:

  • ডকুমেন্ট নোড এবং এলিমেন্ট নোডের জন্য 'null'
  • অ্যাট্রিবিউট নোডের জন্য অ্যাট্রিবিউটের 'value'
  • টেক্সট নোড এবং কমেন্ট নোডের জন্য কন্টেন্ট

nodeValue সেট করার জন্য:

Node.nodeValue = string

দ্রষ্টব্য: হোয়াইটস্পেসগুলো টেক্সট নোড হিসেবে বিবেচিত হয়।

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM nodeValue</title>
<style>
  form { width: 70%; margin: 0 auto; text-align: center; }
  * { padding: 2px; margin: 5px; }
  input[type="button"] { border-radius: 10px; }
  ul { width: 30%; margin: 0 auto; }
</style>
</head>
<body>
  <form>
    <fieldset>
      <legend>HTML-DOM-nodeValue</legend>
      <h3>Students</h3>
      <ul>
        <li>Adam</li>
        <li>Alex</li>
        <li>Bina</li>
        <li>Eden</li>
        <li>Rajesh</li>
        <li>Zampa</li>
      </ul>
      <input type="button" onclick="checkForBina()" value="Confirm for Bina">
      <div id="divDisplay"></div>
    </fieldset>
  </form>
  <script>
    var divDisplay = document.getElementById("divDisplay");
    var studentList = document.getElementsByTagName("li");
    var status = 'not Present';
    function checkForBina() {
      for(var i=0; i<studentList.length; i++) {
        if(studentList[i].childNodes[0].nodeValue === 'Bina') status = 'Present';
      }
      divDisplay.textContent = 'Bina is ' + status;
    }
  </script>
</body>
</html>

আউটপুট

'Confirm for Bina' বাটনে ক্লিক করার আগে - ছাত্রের তালিকা দেখাবে।

'Confirm for Bina' বাটনে ক্লিক করার পর - "Bina is Present" দেখাবে।

  1. HTML DOM li value প্রপার্টি

  2. HTML DOM Button value প্রপার্টি

  3. HTML DOM Meter value প্রপার্টি

  4. HTML DOM value প্রোপার্টি