更改文本对齐单击

Question

我希望有一个按钮，只要单击它就将文本对齐方式移动到左侧。这是我目前拥有的功能似乎无法正常工作：

function myFunctionLeft() {
document.getElementById("myAnchor").style.left = "-15px";
document.getElementById("myAnchor").style.align = left;

我应该尝试将文本对齐到左侧吗？

Answer 1

left，right，top和bottom仅在元素为position: absolute || relative时有效。只需制作#myAnchor position: relative。

请参阅此处查看more info on positioning。

Answer 2

align不是有效的CSS属性。您应该使用.style.align = left;。

而不是.style.textAlign = "left";

Answer 3

有几种方法可以解决这个问题，最好的（在我的诚实意见中）是制作一个CSS类来操纵值。我会在使用课程.align-left时这样做。 CSS将如下所示：

.align-left {
    text-align: left;
    left: -15px;
}

您可以通过以下Javascript切换课程：

document.getElementById("myAnchor").classList.toggle("align-left");

这应该是您尝试使用上述代码实现的目标。我不知道myAnchor是你正在调整的对象，或者它是按钮还是什么，但你应该可以使用我的代码。

无论如何，我希望它有所帮助，尝试一下，看看它是怎么回事。试试浏览器中配备的开发人员工具，看看是否存在问题并祝你好运！