9 / 6 / 5
Регистрация: 10.07.2018
Сообщений: 90
1

При клике на div "item" у класса .payment-block должно поменяться значение display none на display block

20.08.2018, 21:49. Показов 1734. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
При клике на div "item" у класса .payment-block должно поменяться значение display none на display block, но ничего не происходит, как исправить мне эту ошибку? Помогите, пожалуйста.

HTML5
1
2
3
4
5
<div class="item" onclick="winOpen();">
    <p class="item-name">item</p>
</div>
 
<div class="payment-block" style="display: none;"></div>
Javascript
1
2
3
4
5
6
<script>
 function winOpen(){
        var obj=document.getElementsByClassName("payment-block").style;
        obj.style.display = "block";
};
    </script>
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
20.08.2018, 21:49
Ответы с готовыми решениями:

Замена display:none; на display:block; при нажатии
Приветствую всех! Мои познания в JavaScript очень слабы, поэтому буду благодарен за любую помощь....

Как отобразить скрытые элементы HTML(css-display:none;) используя JS!(display:block;)
&lt;!DOCTYPE html&gt; &lt;html lang=&quot;en&quot;&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; ...

Display: block; по клику на другом div
Первый опыт js, пока очень плохо разбираюсь. Не могу понять в чём допустил ошибку. Попробовал...

SlideUp() и slideDown() без display: block и display: none
Как сделать так чтобы при вызове slideUp() или slideDown() не назначался их display. Я просто хочу...

1
Эксперт JS
2034 / 1093 / 408
Регистрация: 29.04.2016
Сообщений: 2,612
20.08.2018, 21:57 2
Лучший ответ Сообщение было отмечено psevdoiz как решение

Решение

psevdoiz,
HTML5
1
2
3
4
<div class="item" onclick="winOpen();">
    <p class="item-name">item</p>
</div>
<div class="payment-block" style="display: none;">ssssssssssssss</div>
Javascript
1
2
3
4
5
6
<script>
    function winOpen(){
        var obj=document.getElementsByClassName("payment-block")[0];
        obj.style.display == "block" ? obj.style.display = "none" : obj.style.display = "block";
    };
</script>
Клац
1
20.08.2018, 21:57
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
20.08.2018, 21:57
Помогаю со студенческими работами здесь

Выполнить JS если div имеет свойство display:block
Здравствуйте Есть js обратный отсчет, который выполняется при загрузке страницы Подскажите, как...

display block display none onclick
когда я нажимаю на слово hello, с низу появляются новые слова. Я хочу, чтоб когда нажимать на слове...

Display: block при нажатии на ссылку
Добрый вечер, подскажите пожалуйста, есть скрипт который показывает блок при нажатии на ссылку var...

Ширина ячеек в процентах при table.style.display = block
Приветствую! Не могу понять как считает браузер ширину колонок в процентах, если у таблицы в стилях...

Почему может не работать vertical-align: bottom; при display: inline-block;?
Вот смотрите, у меня есть div с id=wrapper внутри которого содержится всё, что должно быть на...

Не работает display: block;
Возникла проблема, хочу сделать на странице выбор базы данных (объект селект в диве) кнопками (две...

Не работает display:inline block
Дратути))0) Такая проблема.Не могу понять в чем дело.По справаот картинки должнен быть текст.По...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2023, CyberForum.ru