Question

我有这个

<p> Deseja inserir esta amostra numa experiencia? <input type="checkbox" id="showdivs" onclick="showdivs()"</input><p>

<script>
        function showdivs() {
            var yourUl = document.getElementById("tryok");
            yourUl.style.display = yourUl.style.display === 'none' ? '' : 'none';
            var yourU2 = document.getElementById("tryok2");
            yourU2.style.display = yourU2.style.display === 'none' ? '' : 'none';
        }
</script>

我希望每次检查输入时，都会显示/消失一些div。但是我在chrome控制台上出错：未捕获类型错误showdivs不是函数...

显然我做错了什么。我正在启动html / css / javascript学习，不知道有什么不对，有人可以帮帮我吗？

Answer 1

您需要在HTML上方加入javascript，或将JavaScript添加到某种页面加载中。

示例：

document.addEventListener("DOMContentLoaded", function(){
  // ADD CODE
});

如果正确包含，您的JavaScript应该正常工作，如下所示：

＆＃13;

function showdivs() {
    var yourUl = document.getElementById("tryok");
    yourUl.style.display = yourUl.style.display === 'none' ? '' : 'none';
    var yourU2 = document.getElementById("tryok2");
    yourU2.style.display = yourU2.style.display === 'none' ? '' : 'none';
}

＆＃13;

<p> Deseja inserir esta amostra numa experiencia? <input type="checkbox" id="showdivs" onclick="showdivs()"</input></p>
<div id="tryok"><p>UI1</p></div>
<div id="tryok2"><p>UI2</p></div>

＆＃13;

未捕获的类型错误不是一个函数

1 个答案: