Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML DOM एंकर ऑब्जेक्ट: हाइपरलिंक्स को जावास्क्रिप्ट से एक्सेस करना

HTML में <a> एलिमेंट href एट्रिब्यूट के साथ हाइपरलिंक्स बनाने के लिए उपयोग किया जाता है। एंकर ऑब्जेक्ट इस <a> एलिमेंट को दर्शाता है और जावास्क्रिप्ट के माध्यम से इसे मैनिपुलेट करने की अनुमति देता है।

उदाहरण: एंकर ऑब्जेक्ट एक्सेस करना

<!DOCTYPE html>
<html>
<body>
  <h2>डेमो हेडिंग</h2>
  <a href="https://google.com" id="myid">Google</a><br><br>
  <button onclick="display()">लिंक प्रदर्शित करें</button>
  <p id="demo">लिंक यहाँ प्रदर्शित होगा</p>
  <script>
    function display() {
      var a = document.getElementById("myid").href;
      document.getElementById("demo").innerHTML = a;
    }
  </script>
</body>
</html>

एंकर ऑब्जेक्ट के मुख्य गुण

गुण विवरण
href पूरा URL लौटाता या सेट करता है
hostname डोमेन नाम लौटाता या सेट करता है
pathname पाथ नाम लौटाता या सेट करता है
hash एंकर भाग (#) लौटाता या सेट करता है
target टारगेट एट्रिब्यूट लौटाता या सेट करता है
rel रिलेशनशिप एट्रिब्यूट लौटाता या सेट करता है

उपयोग के मामले

  • डायनामिक रूप से लिंक्स बदलना
  • क्लिक इवेंट्स इंटरसेप्ट करना
  • URL पैरामीटर्स पढ़ना/संशोधित करना
  • एनालिटिक्स के लिए आउटबाउंड लिंक्स ट्रैक करना
  1. HTML DOM DD ऑब्जेक्ट HTML DOM DD ऑब्जेक्ट

    HTML DOM DD ऑब्जेक्ट HTML डॉक्यूमेंट में <dl> एलिमेंट द्वारा दर्शाई गई परिभाषा सूची (Definition list) के अंदर मौजूद <dd> एलिमेंट से जुड़ा होता है।सिंटैक्स (Syntax)DD ऑब्जेक्ट बनाने का सिंटैक्स:var p = document.createElement(DD);उदाहरण (Example)HTML DOM DD ऑब्जेक्ट का एक उदाहरण:<!DOCTY

  1. HTML DOM HR ऑब्जेक्ट HTML DOM HR ऑब्जेक्ट

    विवरण HTML DOM HR ऑब्जेक्ट HTML दस्तावेज़ के तत्व को दर्शाता है। HR ऑब्जेक्ट बनाएं सिंटैक्स document.createElement(HR); उदाहरण आइए hr ऑब्जेक्ट का एक उदाहरण देखें: <!DOCTYPE html> <html> <style> body { text-align: center; background-color: #fff; color: #0197F6;

  1. HTML DOM Ul ऑब्जेक्ट HTML DOM Ul ऑब्जेक्ट

    HTML DOM Ul ऑब्जेक्ट HTML में <ul> एलिमेंट को दर्शाता है। <ul> एलिमेंट बनाना var ulObject = document.createElement(UL) यहां, ulObject के निम्नलिखित गुण हो सकते हैं लेकिन HTML5 में समर्थित नहीं हैं - गुणविवरण compactअनऑर्डर्ड लिस्ट को सामान्य से छोटा प्रदर्शित करना चाहिए या नहीं, सेट