可以使用JavaScript中的DOM操作获取div元素并添加事件监听器来实现点击按钮改变div位置的效果。

HTML代码:

<div id="myDiv">Hello World!</div>
<button id="myButton">Move Div</button>

JavaScript代码:

// 获取div元素和按钮元素
var myDiv = document.getElementById("myDiv");
var myButton = document.getElementById("myButton");

// 给按钮添加点击事件监听器
myButton.addEventListener("click", function() {
  // 改变div位置
  myDiv.style.top = "100px";
  myDiv.style.left = "100px";
});

在上面的代码中,我们使用了getElementById方法获取了id为"myDiv"和"myButton"的元素,然后给按钮元素添加了一个点击事件监听器。当按钮被点击时,我们通过改变div元素的style.top和style.left属性来改变div的位置。

js获取div点击按钮改变div位置

原文地址: https://www.cveoy.top/t/topic/qp3 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录