Question

我试图在单击按钮时移动div的位置，但它不起作用。这是我的代码：

<script>
    function changePosition1() {
        document.getElementsByTagName("div").style.top="300px";
    }
</script>

<button type="button" onclick="changePosition1()">click me</button>

<div style="position: absolute; height:100px; width:100px; background-color: green;"></div>

Answer 1

更好的方法是在div中添加id =“mydiv”并使用document.getElementById（“mydiv”）来引用它。

Answer 2

因为document.getElementsByTagName("div")返回元素集合，而不是单个元素。

编辑：使用document.getElementsByTagName("div")[0]

Answer 3

getElementsByTagName返回一个数组。尝试数组的第一个元素

document.getElementsByTagName("div")[0].style.top="300px

Answer 4

getElementsByTagName方法返回一个数组，因此您需要指定数组的第一个元素：

<script>
function changePosition1()
{
    document.getElementsByTagName("div")[0].style.top="300px";
}
</script>
<button type="button" onclick="changePosition1()">click me</button>
<div style="position: absolute; height:100px; width:100px; background-color: green;"></div>

使用JS使用按钮更改div位置

4 个答案: