Gunnar Bittersmann: Einem neu erzeugtem Button eine bestimmte Position zuweisen

Beitrag lesen

@@webity

button.style.left und button.style.top

Leider funktioniert das nicht. Wo liegt das Problem?

Dass left und top nur auf positionierte Elemente wirken, hast du auf dem Schirm? [CSS2.1 §9.3.2]

Aber das ist wohl an sich schon keine gute Idee, das so zu machen. Responsiv ist das nicht. Wie sieht das auf kleinen Viewports (bspw. Smartphones) aus?

Was soll das werden? Vermutlich gibt es bessere Lösungen dafür.

    button.style.left = (a * 70 + "px").toString;

Hier steckt ein Fehler. .toString liefert die Funktion, nicht den Funktionswert. Wenn du den haben will, musst du .toString() schreiben.

Brauchst du aber nicht. Durch die Stringkonkatenation (+ mit einem String) ist der Klammerausdruck bereits ein String; .toString() ist überflüssig.

Und mit Stringkonkatenation würde ich das auch nicht machen. Dafür gibt es template literals:

    button.style.left = `${a * 70}px`;

🖖 Живіть довго і процвітайте

--
Ad astra per aspera