Question

There will be only one link of a particular class on the page.
I’m trying to write a javascript snippet that will find this:

<a href="http://www.stackoverflow.com" class="linkclass"> ... </a>

and return a string consisting of this:

http://www.stackoverflow.com

Thanks in advance everyone.

Answer 1

Try the following

var url = (function() {
  var all = document.getElementsByTagName("a");
  for (var i in all) {
    var cur = all[i];
    if (cur.getAttribute('class') === "linkclass") {
      return cur.getAttribute('href');
    }
  }
  return undefined;
})();

Note: If there is only ever one element of that class it would be much more efficient to give the element a unique id instead of a class. The code would then be much simpler

var url = document.getElementById('theUniqueId').getAttribute('href');