Почему приходят пустые массивы?

Question

[Greeg Zagrelov]

Не могу понять, почему с getElementById всё работает а если пишу вместо id class
то приходят пустые массивы

<div class="fonForm"></div>
    <div class="divClassForm fonForm divWindow" >
        <form action="" >

            <div class="styleClouse ">
                <div class="div_styleClouseOne"></div>
                <div class="div_styleClouseTwo"></div>
            </div>
            <p>Оставить заявку на обратный звонок</p>
            <!-- <span class="close">&times;</span> -->
            <input type="text" placeholder="Ваше имя" class="texName">
            <input type="text" placeholder="Ваш номер телефона" class="textNumbre">
            <input type="submit" value="Отсавиь заявку на звонок" class="btnForm" >
        </form>
    </div>


<code lang="javascript">
let divClassForm = document.getElementsByClassName("divWindow");

console.log(divClassForm);
let block = document.getElementsByClassName("idBtnForm");
console.log(block);
let clouse = document.querySelector(".styleClouse");
let fonForm = document.querySelector(".fonForm");

block.onclick = function() {
  divClassForm.style.display = "block";
  fonForm.style.display = "block";
};
clouse.onclick = function() {
  divClassForm.style.display = "none";
  fonForm.style.display = "none";
};

</code>

https://jsfiddle.net/7x56f0d8/3/

Comments

[ildar-meyker]

.divWindow не используйте селектор

[Greeg Zagrelov]

ildar-meyker, я пробовал и без и с ним, ни как

[Анатолий]

имя класса в вызове getElementsByClassName надо указывать без точки.
Почему тут
class="styleClouse "
лишние пробелы?

[Greeg Zagrelov]

Анатолий,
вот так всё работает и проблемы ему не важны а если только ставлю

getElementsByClassName

всё меняю на class пустые массивы

[Анатолий]

Greeg Zagrelov, покажите в точности код и разметку ПОСЛЕ замены. А еще лучше сразу пример в jsfiddle

[Greeg Zagrelov]

https://jsfiddle.net/7x56f0d8/2/
вот так работает но с id можно присвоить только одной кнопке это меню а я хочу нескольким, меняю на getElementsByClassName не работает

[Анатолий]

let divClassForm = document.getElementsByClassName("divClassForm");

console.log(divClassForm);

[Кира]

в html разметке нет же элемента с классом idBtnForm, block пустой по этому

Answer 1

[Vaultboy84]

let divClassForm = document.getElementsByClassName(".divWindow");

зачем тут точка в наименовании класса элемента, если обращаешься и так к классу?

Comments

[Greeg Zagrelov]

без неё тоже не работает

Answer 2

[dom1n1k]

div class="divClassForm fonForm " class="divWindow"

Два атрибута класс