@Galina_Dubik

При нажатии кнопки не показывает картинки?

function btnLoad() {
    document.querySelector('.button_plus').addEventListener('click', function(){
        let hiddenDiv = document.querySelectorAll('hidden')

        hiddenDiv.forEach(item => {
            item.classList.remove('hidden')
        })
        this.remove()
    })
}
btnLoad()


<div class="foto-work-content">
<div class="foto-work" data-content-work="Wordpress" hidden>
                        <img class="foto-work-img" src="./images/wordpress/wordpress6.jpg" alt="web-design" hidden>
                        <div class="foto-work-hover">
                            <img class="img-foto" src="./images/Combined shape 7431.svg" alt="img">
                            <img class="img-foto-square" src="./images/Layer 23.png" alt="img">
                            <h2 class="foto-work-title-hover">creative design</h2>
                            <p class="foto-work-text-hover">Wordpress</p>
                        </div>
                    </div>
                </div>
                <div class="button_load">
                    <button class="button_plus" id="plus"><img class="button_plus_img" src="./images/buttonplus.png" alt="plus">Load More</button>
                </div>
  • Вопрос задан
  • 64 просмотра
Пригласить эксперта
Ответы на вопрос 1
PhoenixX33i
@PhoenixX33i
let hiddenDiv = document.querySelectorAll('hidden')

to
let hiddenDiv = document.querySelectorAll('[hidden]')

Почитайте про селекторы. Атрибуты в селекторах выделяются квадратными скобками.
Надеюсь помог :)
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы