Wie erstelle ich ein HTML-Element und lege seine Stilattribute in Javascript fest? ⇐ JavaScript

[Anonymous]

Verschiedene Dokumentationen scheinen darauf hinzudeuten, dass ich Folgendes tun kann:

Code: Select all

const e = document.createElement('div');
e.style.left = '100px';
e.style.top = '100px';

Und tatsächlich funktioniert es, wenn ich dies zeilenweise in eine Browserkonsole eingebe.
Wenn ich diesen Code jedoch in eine Funktion platziere und die Funktion über die Browserkonsole ausführe, erhalte ich eine Fehlermeldung, die besagt, dass e.style undefiniert ist. Hinzufügen der Zeile

Code: Select all

e.style = '';

direkt nach dem createElement hat keine Auswirkung. Ich habe das in Chrome und Firefox ausprobiert.
Was funktioniert (sowohl einzeln als auch in einer Funktion):

Code: Select all

const e = document.createElement('div');
e.style = 'left:100px;top:100px;';

Warum?