Change all links by ClassName

[Me1000]

My javascript skills are amateur at best, but this is what im trying to do.

I have code similar to this,

<a href="link.php" class="tempLinkForBadBrowsers"><div>lalala</div></a>
<a href="link2.php" class="tempLinkForBadBrowsers"><div>lalala2</div></a>

I would like to use javascript in order to change the links to:

href="#"

for all links that have the class tempLinkForBadBrowsers

and maybe add an "onclick" event to it, however at the moment that is being take care of with a div and isn't that important.

After about an hour of googles' failed results i figured I would just ask real people! 🙂


Thanks,

 

[angelwatt]

Here's a basic JavaScript function you can call to reset the href attribute all links with the same class name and also a spot for adding an event. Not sure what you were going to do with the event, so just made it do an alert.

function RehrefLinks()
{
  var links = document.getElementsByTagName('a');
  for (var a=0, b=links.length; a < b; a++) {
    if (links[a].className == "tempLinkForBadBrowsers") {
      links[a].href = "#";
      links[a].onclick = function() { alert('clicked'); };
    }
  }
}

 

[Me1000]

Here's a basic JavaScript function you can call to reset the href attribute all links with the same class name and also a spot for adding an event. Not sure what you were going to do with the event, so just made it do an alert.

function RehrefLinks()
{
  var links = document.getElementsByTagName('a');
  for (var a=0, b=links.length; a < b; a++) {
    if (links[a].className == "tempLinkForBadBrowsers") {
      links[a].href = "#";
      links[a].onclick = function() { alert('clicked'); };
    }
  }
}

Thanks a million!

That is exactly what I was looking for. 🙂

 

[Catfish_Man]

In recent browsers (Safari 3+, Firefox 3+, Opera 9.5 iirc) you can also use getElementsByClassName.