小编Pop*_*nes的帖子

我希望这不会被标记为"重复",因为我已经审查了几个线程并遵循我发现的建议.我知道我错过了一些简单的东西,需要另外一些眼睛.我是新手,所以请耐心等待.我正在测试一个简单的按钮元素,我有一个单击事件处理程序,但它无法正常工作.它与"onclick"内联工作,但我试图避免这种情况.简单的html:

<div>
    <button id='handler'>Event</button>
</div>
<div id='stringText'>
    <h4>Some Description</h4>
    <p>
        Some more information
    </p>
</div>

和javascript:

<script>
    document.getElementById("handler").addEventListener("click", display, true);
    function display() {

        if (document.getElementById("stringText").style.display === "block") {
            document.getElementById("stringText").style.display = "none";
        } else {
            document.getElementById("stringText").style.display = "block";
        }

    };

</script>

我有最初将"stringText"显示为"none"的css.我感谢任何帮助.