Question

我有这个简单的代码，我无法理解为什么它不起作用。

<div>
    <input type="button" class="button" value="Add A Site" onclick="Div();" />
</div>

<script type="text/javascript">
    function Div() {
        var E = document.getElementsByClassName('Form');
        if (E.style.display == 'none') {
            E.style.display = 'block';
            this.value = "Close";
        } else {
            S.style.display = 'none';
            this.value = "Add A Site";
        }
    }
</script>

<div class="Form" style="display:none;">
    <h1>Example</h1>
</div>

Answer 1

您尝试访问的

用户表单位于div.form中，因此您必须访问以下内容....我测试了它，它的工作原理。表单中的内容正在显示

＆＃13;

<input type="button" class="button" value="Add A Site"    onclick="Div();" />
<script type="text/javascript">
  function Div() {
    var E=  document.getElementsByClassName('Form')[0];
    if (E.style.display=='none'){
      E.style.display='block';
      this.value="Close";
    }else {
      S.style.display='none';
      this.value="Add A Site";
    }
  }
</script>
<div class="Form"  style="display:none;">
    <h1>Example</h1></div>

＆＃13;

Answer 2

<script>
   function Div() {
       var E = document.getElementsByClassName('Form')[0];
       if (E.style.display==='none') {
           E.style.display='block';
           this.value=Close;
       } else {
           E.style.display = 'none';
           this.value = 'Add A Site';
       }
   }
</script>

<input type="button" class="button" value="Add A Site" onclick="Div()" />
<div class="Form"  style="display:none;">
<h1>Example</h1>
</div>

这应该适合你。

当我按下按钮时，Javascript show div不起作用

2 个答案: