Для цикла, чтобы выбрать определенный идентификатор и изменить их стиль — js

#javascript

#javascript

Вопрос:

У меня есть 10 блоков этого HTML-кода:

         <a href="#"class="box-wd" id="wd-1" onClick="myFunction()">
            <div class="description" id="des-1">
            </div>
        </a>
 

Каждый из них с разным идентификатором. Когда я нажимаю на первое поле, я бы хотел, чтобы его дочерний элемент, принадлежащий к классу «description», менял непрозрачность.

Я попытался создать эту функцию:

             function myFunction() {
                var list_des = document.getElementByClassName('description');
                for(i=0;i<list_des;i  ){
                    $('this').css('opacity','1');
                }i  ;
            }
 

В консоли я получаю ошибку:
document.getElementByClassName не является функцией

Что я должен написать, чтобы исправить эту функцию? Спасибо

Комментарии:

1. Я бы предложил использовать функцию querySelectorAll . Он обладает большей гибкостью и мощностью.

Ответ №1:

Это не имя функции. отсутствует ans ‘s’ (элементы во множественном числе):

 document.getElementsByClassName
 

Вы также должны удалить i вне цикла.