Добавление события onclick в элемент div

Я видел несколько похожих тем, которые действительно помогли, но у меня была конкретная проблема, и я не смог решить ее самостоятельно, поэтому, если кто-то может помочь, я был бы признателен.

Я хочу добавить событие onclick в элемент div.

HTML:

<div id="thumb0" class="thumbs" onclick="klikaj('rad1')"></div>

JavaScript:

function klikaj(i)
{
    document.getElementById(i).style.visibility='visible';
}

Требуемый результат: div с id = "rad1" (который скрыт) становится видимым, при нажатии на div с id = "thumb0".

Это работает, когда я добавляю его к элементу кнопки, но не знаю, как это происходит с элементами div.

Ответы

Ответ 1

Я не уверен, в чем проблема; работа ниже работает как ожидалось:

<div id="thumb0" class="thumbs" onclick="klikaj('rad1')">knock knock</div>
<div id="rad1" style="visibility: hidden">hello world</div>
<script>
function klikaj(i) {
    document.getElementById(i).style.visibility='visible';
}
</script>

Смотрите также: http://jsfiddle.net/5tD4P/

Ответ 2

Я думаю, что вы используете //--style="display:none"--// для скрытия div.

Используйте этот код:

<script>
    function klikaj(i) {
        document.getElementById(i).style.display = 'block';
    }
</script>
<div id="thumb0" class="thumbs" onclick="klikaj('rad1')">Click Me..!</div>
<div id="rad1" class="thumbs" style="display:none">Helloooooo</div>

Ответ 3

Зависит от того, как вы скрываете свой div, diplay = none отличается от visibility = hidden и opacity = 0

Видимость затем используется... style.visibility = 'visible' Дисплей затем использует... style.display = 'block' (или другие зависят от того, как вы настраиваете ur css, inline, inline-block, flex...) Затем непрозрачность использует... style.opacity = '1';