JavaScript: getElementsByTagName()

Question

Могу ли я добавить анимацию ко всем ссылкам на странице?

Здесь код

var words = document.links; 

    words.onmouseover = function() { 
    words.classList.toggle("tada"); 
}; 

Спасибо заранее.

Answer 1

В getElementsByTagName('a') и querySelectorAll('a') функции должны работать, как ожидалось возвращение либо HTMLCollection или NodeList соответственно, оба из которых потребуют от вас выполнить итерацию, чтобы на самом деле настроить обработчик событий:

// Get your links 
var links = document.getElementsByTagName('a'); 
// Iterate through them and set up your event handlers 
for(var l = 0; l < links.length; l++){ 
     links[l].onmouseover = function() { 
     this.classList.toggle("tadan"); 
     }; 
} 

Важно также отметить, что getElementsByTagName() вернется «живой» HTMLCollection элементов, в то время как querySelectorAll() возвратит «неживой» NodeList, которые могут повлиять, как элементы в них используются.

Answer 2

должен loooopp

var link = document.getElementsByTagName('a'); 

for(var i=link.length; i--;) 
    link[i].onmouseover = function() { 
      this.classList.toggle("tadan"); 
    }; 

ИЛИ вы должны JQuery помечены, так что вы могли бы просто

$('a').mouseover(function(){ 
    $(this).toggleClass('tadan'); 
}); 

Answer 3

getElementsByTagName('a') вернет массив всех элементов a. Проведите через массив и toogle класс для каждого элемента a,