=是赋值。==和===是比较。所以在if里面，把它改成这两个中的一个。
你也没有在提交的代码中正确关闭<div>。
另一件事是你在CSS文件中设置了display: none。JavaScript没有访问这个值的权限，它只能访问元素的HTML标记中的style="..."。要解决这个问题，请检查它是否not隐藏，并在if/else块的两侧交换。

function myFunction() {
  var x = document.getElementById("myDIV");
  if (x.style.display == "block") { // `=` to `==` or `===`
    x.style.display = "none";
  } else {
    x.style.display = "block";
  }
}

#myDIV {
  display: none;
}

<ul>
  <li><button onclick="myFunction()">Try it</button>
    <div id="myDIV">
      <p>This is my DIV element.</p>
    </div> <!-- this div wasn't closed properly -->
  </li>
</ul>

设置为HTML

<div id="myDIV" style="display: none;"><p>This is my DIV element.</p></div>

字符串
这个JavaScript

function myFunction() {
    var x = document.getElementById("myDIV");
    if (x.style.display == "none") {
        x.style.display = "block";
    } else {
       x.style.display = "none";
      }
}

型
这将工作，因为display none默认情况下不是div元素，所以JavaScript将不会看到display none样式，也不会执行函数。因此，您需要指定style display none，函数将正常工作。

function myFunction() {
  var x = document.getElementById("myDIV");
  x.style.display = x.style.display != "block"?"block":"none"
}

#myDIV{ display: none; }

<ul>
  <li><button onclick="myFunction()">Try it</button>
    <div id="myDIV"><p>This is my DIV element.</p></div 
  </li>
</ul>

也可以使用details HTML element，它具有这种行为并且不需要任何JS。您可以按照自己的方式设置样式（请参阅同一链接）。
这将是：

<details>
  <summary>Try it</summary>
  <div>This is my DIV element</div>
</details>

字符串