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

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

更好的方法是将 id="mydiv" 添加到 div 并使用 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>