js获取div点击按钮改变div方向

以下是一个示例，当点击按钮时，使用JavaScript获取到div元素，并改变其方向。

HTML代码：

<div id="myDiv" style="width: 200px; height: 200px; background-color: yellow;"></div>
<button onclick="changeDirection()">改变方向</button>

JavaScript代码：

function changeDirection() {
  var div = document.getElementById("myDiv");
  if (div.style.flexDirection === "row") {
    div.style.flexDirection = "column";
  } else {
    div.style.flexDirection = "row";
  }
}

在这个例子中，我们使用了flex布局来设置div的方向。当点击按钮时，我们获取到div元素并检查其当前的方向。如果方向是水平方向（即row），则将其改为垂直方向（即column），反之亦然。