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

জাভাস্ক্রিপ্টে ডকুমেন্টের একটি নির্দিষ্ট অ্যাঙ্কর (anchor) কীভাবে পাবেন


জাভাস্ক্রিপ্ট অ্যাঙ্কর ট্যাগগুলো একটি অ্যারে-লাইক (array-like) কাঠামো অনুসরণ করে। যখন আমরা একটি নির্দিষ্ট অ্যাঙ্কর ট্যাগ দেখাতে চাই, তবে document.anchors.innerHTML মেথড ব্যবহার করতে হয়। এই মেথডটি অ্যারে মেথডের মতোই কাজ করে যা একটি নির্দিষ্ট এলিমেন্ট দেখাতে ব্যবহৃত হয়।

সিনট্যাক্স

element = document.anchors[i].innerHTML;

উদাহরণ-১

নিচের উদাহরণে, ২টি অ্যাঙ্কর ট্যাগের মধ্যে প্রথম অ্যাঙ্কর ট্যাগটি আউটপুটে দেখানো হয়েছে।

<html> <body> <a name="Tutor">Tutorix</a><br> <a name="Totorial">Tutorialspoint</a><br> <p id="anchors"></p> <script> 
    document.getElementById("anchors").innerHTML = 
    "The first anchor element is: " + document.anchors[0].innerHTML; 
</script> </body> </html>

আউটপুট

Tutorix

উদাহরণ-২

নিচের উদাহরণে, ৩টি অ্যাঙ্কর এলিমেন্ট রয়েছে যেগুলোর মধ্যে তৃতীয় এলিমেন্টটি document.innerHTML ব্যবহার করে আউটপুটে দেখানো হয়েছে।

<html> <body> 
    <a name="Tutor">Tutorix</a><br> 
    <a name="Totorial">Tutorialspoint</a><br> 
    <a name="Totorials">Tutorialspoint private ltd</a><br> 
    <p id="anchors"></p> 
    <script> 
        document.getElementById("anchors").innerHTML = 
        "The third element is:" + document.anchors[2].length; 
    </script> </body> </html>

আউটপুট

Tutorix Tutorialspoint Tutorialspoint private ltd The third element is:Tutorialspoint private ltd

  1. জাভাস্ক্রিপ্টে ডকুমেন্টের একটি নির্দিষ্ট অ্যাঙ্কর (anchor) কীভাবে পাবেন

  2. জাভাস্ক্রিপ্টে ডকুমেন্টের টাইটেল (title) এবং পূর্ণ URL কীভাবে পাবেন

  3. জাভাস্ক্রিপ্টে ডকুমেন্ট রেডি চেক করা

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