Text ändern Ausrichten Klicken Sie auf

Question

Ich bin auf der Suche nach einer Schaltfläche, die die Textausrichtung auf die linke Seite verschiebt, wenn Sie darauf klicken. Dies ist die Funktion Ich habe zur Zeit das nicht zu funktionieren scheint:

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

Gibt es eine andere Art, wie ich versucht werden sollte, den Text ausrichten nach links zu bewegen?

Answer 1

left, right, top und bottom, funktionieren nur, wenn das Element position: absolute || relative ist. Machen Sie einfach #myAnchorposition: relative.

Siehe hier für more info on positioning.

Answer 2

align ist keine gültige CSS-Eigenschaft. Anstelle von .style.align = left; sollten Sie .style.textAlign = "left"; verwenden.

Answer 3

Es gibt ein paar Möglichkeiten, um etwas von dieser Proportion zu machen, und das beste (meiner ehrlichen Meinung nach) besteht darin, eine CSS-Klasse zu machen, um Werte zu manipulieren. Ich würde dies mit der Klasse .align-left machen. Die CSS würde so etwas wie die folgenden:

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

Und man konnte die Klasse über das folgende Javascript schalten:

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

Dies sollte das tun, was Sie mit dem obigen Code zu erreichen versuchten. Ich weiß nicht, ob myAnchor ist, was Sie ausrichten oder ob es die Schaltfläche oder was ist, aber Sie sollten meinen Code für was auch immer verwenden können.

Wie auch immer, ich hoffe, es hilft, probieren Sie es aus und sehen Sie, wie es geht. Probieren Sie die in Ihrem Browser installierten Entwicklertools aus, um zu sehen, ob es ein Problem in Ihrer Inklusion gibt und viel Glück!