JS不会在没有用户输入的情况下更改对象的可见性 HTML： invi（）； 这是我的小甜饼，我的小甜饼 你能接受吗？ 阿克泽普蒂伦 阿贝宁 JavaScript: 函数invi（）{ document.getElementById（“cok”）.style.display=“无”； }

如果我打开站点，函数invis不起作用，div也不不可见，但是如果我单击最后一个标记为“Ablehnen”的按钮，那么函数invis工作正常

为什么会这样？我如何才能做到这一点？

试试这个

HTML:   

    <script type="text/javascript">
            invis();
          </script>
        
          <div id="cok" class="cookiesTXT">
            <h2>Diese Seite nutz Cookies, unsere Cookie Richtlinien finden sie <a href="/cookies">hier</a>
            <br> Sind sie damit einverstanden? </h2>
            <button type="button" name="button" onclick="accept()">Akzeptieren</button>
            <button type="button" name="button" onclick="invis()">Ablehnen</button>
          </div>
    
    
    
    JavaScript:
    
    function invis(){
      document.getElementById("cok").style.display = "none";
    }

这是我的小甜饼，我的小甜饼

你能接受吗？
阿克泽普蒂伦
阿贝宁
让isShow=false；
函数invi（）{
isShow？document.getElementById（“cok”）.style.display=“display”：document.getElementById（“cok”）.style.display=“无”；
isShow=！isShow；
}
invi（）；

始终在HTML元素后使用脚本标记。就这样

<div id="cok" class="cookiesTXT">
    <h2>Diese Seite nutz Cookies, unsere Cookie Richtlinien finden sie 
<a href="/cookies">hier</a>
        <br> Sind sie damit einverstanden? </h2>
    <button type="button" name="button" onclick="accept()">Akzeptieren</button>
    <button type="button" name="button" onclick="invis()">Ablehnen</button>
</div>

<script type="text/javascript">
    let isShow = false;
    function invis() {
        isShow ? document.getElementById("cok").style.display = "display" : document.getElementById("cok").style.display = "none";
        isShow = !isShow;
    }
    invis();
</script>

这是我的小甜饼，我的小甜饼

你能接受吗？
阿克泽普蒂伦
阿贝宁
invi（）；
函数invi（）{
document.getElementById（“cok”）.style.display=“无”；
}

控制台中的错误应该会告诉您原因。

<div id="cok" class="cookiesTXT">
    <h2>Diese Seite nutz Cookies, unsere Cookie Richtlinien finden sie <a href="/cookies">hier</a>
        <br> Sind sie damit einverstanden? </h2>
    <button type="button" name="button" onclick="accept()">Akzeptieren</button>
    <button type="button" name="button" onclick="invis()">Ablehnen</button>
</div>

<script type="text/javascript">
    invis();
    function invis() {
        document.getElementById("cok").style.display = "none";
    }
</script>