HTML DOM एंकर href गुण का उपयोग href विशेषता को सेट या वापस करने के लिए किया जाता है। यह लिंक का url देता है।
एंकर href प्रॉपर्टी सेट करने के लिए सिंटैक्स निम्नलिखित है-
anchorObj.href = URL
ऊपर, URL लिंक का url है। यह हैश के साथ एक पूर्ण, सापेक्ष या एंकर लिंक हो सकता है।
एंकर href प्रॉपर्टी को वापस करने के लिए सिंटैक्स निम्नलिखित है-
anchorObj.href
आइए अब DOM एंकर href प्रॉपर्टी को लागू करने के लिए एक उदाहरण देखें-
उदाहरण
<!DOCTYPE html>
<html>
<body>
<h1>Company</h1>
<p><a id="mylink" href="https://www.abc.com:6064/abc/def.html#myteam">Our Team</a></p>
<h2 id="myid"></h2>
<button onclick="display()">Display href Part</button>
<button onclick="display2()">Display Host Part</button>
<button onclick="display3()">Display Hostname</button>
<script>
function display() {
var a = document.getElementById("mylink").href;
document.getElementById("myid").innerHTML = a;
}
function display2() {
var a = document.getElementById("mylink").host;
document.getElementById("myid").innerHTML = a;
}
function display3() {
var a = document.getElementById("mylink").hostname;
document.getElementById("myid").innerHTML = a;
}
</script>
</body>
</html> आउटपुट
“प्रदर्शन href भाग . पर क्लिक करें " url प्रदर्शित करने के लिए -
