Question

So I have a div, #footer-float, for which I simply want to remove all of the “title” attributes automatically when the page loads, without editing the markup of the links themselves (they are automatically generated by MediaWiki). Basically the little tooltips are obtrusive and get in the way of reading what the links say.

I could do this easily enough with jQuery, I think, but would rather not load the whole library when this is likely all I’ll use it for.

Any ideas? Thanks.

Answer 1

You could remove all titles by looping through all link elements and setting the title to an empty string:

function onLoad() {
  var div = document.getElementById('footer-float');
  var links = div.getElementsByTagName('a');
  for(var i = 0; i < links.length; i++) {
    links[i].title = '';
  }      
}