javascript - 在javascript中移动按钮

幻灯片中有next和prev按钮，我希望它们在单击这些按钮后移动一些像素并更改其颜色。通过移开鼠标，按钮返回到正常位置。尽管我知道我可以使用CSS进行编码，但这是我的家庭作业的一部分，而我必须使用JavaScript来完成。这是我的代码，但不起作用，我也不知道为什么...

function press() {
    document.getElementById(this).style.right = "-10px";
    document.getElementById(this).style.backgroundColor = "red";
}

<a class="prev" onclick="plusSlides(1)" onmousedown="press()">&#10094;</a>
<a class="next" onclick="plusSlides(-1)" onmousedown="press()">&#10095;</a>

最佳答案

您需要将this传递给函数，然后直接拥有该元素。

function press(element) {
    element.style.marginRight = "-10px";
    element.style.backgroundColor = "red";
}

<a class="prev" onmousedown="press(this)">&#10094;</a>
<a class="next" onmousedown="press(this)">&#10095;</a>

关于javascript - 在javascript中移动按钮，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51539085/