切换“display: none”和“display: flex”的JS代码

要切换元素的display属性值，可以使用JavaScript来操作元素的style属性。

以下是一个示例，展示如何使用JavaScript在"display: none"和"display: flex"之间切换一个元素的显示状态：

HTML:

<div id="myElement" style="display: none;">This is my element</div>
<button onclick="toggleDisplay()">Toggle Display</button>

JavaScript:

function toggleDisplay() {
  var element = document.getElementById("myElement");
  if (element.style.display === "none") {
    element.style.display = "flex";
  } else {
    element.style.display = "none";
  }
}

在上述示例中，首先通过getElementById方法获取到id为"myElement"的元素。然后，在toggleDisplay函数中，通过检查元素的style.display属性值，判断当前元素的显示状态。如果display属性值为"none"，则将其设置为"flex"，即显示元素；如果display属性值不为"none"，则将其设置为"none"，即隐藏元素。

最后，在HTML中，通过点击按钮调用toggleDisplay函数，实现切换元素的显示状态。

希望以上解决方案对你有所帮助！