JavaScript - не могу работать «GetElementSyClassname»
-
12-12-2019 - |
Вопрос
Я изо всех сил пытаюсь выяснить, почему мой код не работает. Вот часть js:
function init() {
var showMenu = document.getElementsByClassName('showMenu'),
perspectiveWrapper = document.getElementById( 'perspective' ),
container = perspectiveWrapper.querySelector( '.container' ),
contentWrapper = container.querySelector( '.wrapper' );
showMenu.addEventListener( clickevent, function( ev ) {
ev.stopPropagation();
ev.preventDefault();
docscroll = scrollY();
// change top of contentWrapper
contentWrapper.style.top = docscroll * -1 + 'px';
// mac chrome issue:
document.body.scrollTop = document.documentElement.scrollTop = 0;
// add modalview class
classie.add( perspectiveWrapper, 'modalview' );
// animate..
setTimeout( function() { classie.add( perspectiveWrapper, 'animate' ); }, 25 );
});
.
Вот часть HTML:
<div id="topBar">
<h1>Company</h1>
<a href="#" class="entypo-menu showMenu"></a>
</div>
<div class="line"></div>
<div id="fixedBar">
<h1>Company</h1>
<a href="#" class="entypo-menu showMenu"></a>
</div>
.
По какой-то причине, когда я загружу страницу, я получаю эту ошибку:
TypeError: undefined is not a function (evaluating 'showMenu.addEventListener')
.
Я не понимаю это, потому что если я изменим эту строку:
var showMenu = document.getElementsByClassName('showMenu'),
.
to:
var showMenu = document.getElementById( 'showMenu' ),
.
Это работает!
Почему селектор класса не работают, но ID One будет?
спасибо.
Решение
попробуйте:
var showMenu = document.getElementsByClassName('showMenu')[0]
.
S в элементах в имени функции указывает больше, чем элемент может быть сопоставлен.
Редактировать:
var showMenu = document.getElementsByClassName('showMenu')
...
for(var i = 0, j = showMenu.length; i < j; i++)
{
showMenu[i].addEventListener( clickevent, function( ev ) {
ev.stopPropagation();
ev.preventDefault();
docscroll = scrollY();
// change top of contentWrapper
contentWrapper.style.top = docscroll * -1 + 'px';
// mac chrome issue:
document.body.scrollTop = document.documentElement.scrollTop = 0;
// add modalview class
classie.add( perspectiveWrapper, 'modalview' );
// animate..
setTimeout( function() { classie.add( perspectiveWrapper, 'animate' ); }, 25 );
});
}
. Не связан с magento.stackexchange