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

জাভাস্ক্রিপ্টে div থেকে মান পাওয়া (undefined সমস্যা সমাধান)

div এলিমেন্ট থেকে মান বের করা

div এলিমেন্ট থেকে মান পেতে document.getElementById().innerHTML ব্যবহার করতে হয়। .value প্রপার্টি শুধু ইনপুট এলিমেন্টের জন্য কাজ করে।

উদাহরণ

<!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>
<body>
    <div class='getValueFromDiv' id='getValue' contenteditable="true" onkeyup='display()' style="color: red"></div>
    <script>
        function display(){
            var storedValue = document.getElementById('getValue').innerHTML;
            console.log("The value is===" + storedValue);
        }
    </script>
</body>
</html>

কিভাবে চালাবেন

ফাইলটি anyName.html (index.html) নামে সংরক্ষণ করুন এবং VS Code এডিটরে "Open with Live Server" অপশনটি ব্যবহার করে চালান।

আউটপুট

ডিভে টাইপ করার সাথে সাথে কনসোলে মানটি প্রিন্ট হবে।

  1. জাভাস্ক্রিপ্টে স্প্যান ট্যাগ থেকে প্রাইস ভ্যালু বের করে গুণফল দেখানো

  2. জাভাস্ক্রিপ্টে পুরো ডকুমেন্ট HTML স্ট্রিং আকারে কীভাবে পাবেন?

  3. জাভাস্ক্রিপ্টে tr ট্যাগ থেকে id বের করে নতুন td-তে দেখানো

  4. জাভাস্ক্রিপ্টে CSS প্রোপার্টির বর্তমান মান কীভাবে পাওয়া যায়