getElementByHref - Javascript

In Javascript, sometimes we need to access DOM elements using their href attribute. The getElementByHref function helps us find an element in the DOM using its href attribute.

Syntax

The getElementByHref function has the following syntax:

document.getElementByHref(href);

Here, href is the value of the href attribute of the element we want to find.

Return Value

The getElementByHref function returns the first element with the specified href value. If no such element is found, it returns null.

Usage

Let's consider an example to understand how to use the getElementByHref function.

Suppose we have the following HTML code:

<a href="https://www.example.com">Example</a>

To find this element using its href attribute, we can use the following Javascript code:

var link = document.getElementByHref("https://www.example.com");

Here, the link variable will contain the <a> element with the href attribute value of https://www.example.com.

We can also use this function to find elements with the same href value in a loop:

var links = document.getElementsByTagName("a");
for(var i=0; i<links.length; i++) {
  if(links[i].getAttribute("href") == "https://www.example.com") {
    var link = links[i];
    // Do something with the link element
  }
}

Conclusion

The getElementByHref function is a useful tool for accessing DOM elements by their href attribute value. It's a handy function to have in your Javascript toolkit!