Щелкните объект по имени класса

Question

Я пытаюсь использовать document.getElementsByClassName('classname').click();, но не вызывает щелчок по классу. Почему это?

Answer 1

Почему это?

Поскольку метод getElementsByClassName возвращает массив элементов DOM. И вызов метода щелчка на массиве вряд ли имеет смысл. Если вы хотите вызвать этот метод щелчка, вы можете сделать это на определенном элементе массива. Например, если вы хотели назвать его на первый элемент (предполагая, что массив не пуст, конечно):

document.getElementsByClassName('classname')[0].click(); 

Но так как вы отметили свой вопрос с JQuery вы, вероятно, просто хотел написать:

$('.classname').click(); 

Answer 2

Потому что это вернет набор элементов, который обычно равен HTMLCollection. Вы должны затем итерацию через него:

https://developer.mozilla.org/en-US/docs/DOM/document.getElementsByClassName

Pure Javascript:

var elements = document.getElementsByClassName('xxx'); 

for(var i = 0; i < elements.length; i++) 
{ 
    elements[i].addEventListener('click',function(){window.alert('Class name is xxx');},false); 
} 

JQuery:

$(document).ready(function(){ 
    $('.xxx').on('click',function(){window.alert('Class name is xxx');}); 
}); 

Answer 3

document.getElementsByClassName('classname') возвращает массив узлов DOM.

Try:

var nodes = document.getElementsByClassName('classname'); 
for(var i = 0; i < nodes.length; i++) { 
    nodes[i].click(); 
} 

помнить также, что getElementsByClassName не поддерживается каждым браузером.

Answer 4

попробовать это:

$(function() { 
    $('.classname').click(); 
}); 

Answer 5

Ваш код будет работать с

document.getElementsByClassName('classname')[0].click(); 

Но, если вы используете JQuery, то

$(document).ready(function(){ 
     $('.classname').on('click',function(event){}); 
    }); 

или просто $('.classname').click();