Question

I have a HTML page, with several links on it. I want to make all those links open in a different tab, so I tried using

var foo = document.getElementsByTagName("a");
for(var i = 0; i < foo.length; i++) {
    foo[i].target = "_blank";
}

But why is that not working (as far as I know, getElementsByTagName() returns an array, I might as well be wrong)?

Answer 1

Try to use setAttribute and put your script inside of window.onload handler(this is for ensure,that DOM Hierarchy is completely constructed and you can access DOM Elements):

window.onload = function(){
   var foo = document.getElementsByTagName("a");
   for(var i = 0; i < foo.length; i++) {
       foo[i].setAttribute('target', '_blank');
   }
};

Actually getElementsByTagName returns NodeList object,which has some similar functionalities with Array,but it’s not an Array.