Adding element with a specific style using appendchild method

Question

This is my code :

(a=document).getElementsByTagName('body')[0].appendChild(a.createElement('div').style.cssText="someCssStyle");

it doesn't work ! but when i write only this :

(a=document).getElementsByTagName('body')[0].appendChild(a.createElement('div'));

It works, so why can't I add the div element with a specific style? What's wrong with my work? I want to add a div element with a specific style just from the URL implantation on chrome using :

javascript://all of my code goes here

So it must be short.

Answer 1

a.createElement('div').style.cssText="someCssStyle"

This will return "someCssStyle" which will be given as argument to (a=document).getElementsByTagName('body')[0].appendChild( function. So the div is never added. Can you see the problem here ?

You have to create the div, style it and then add it to the body. Like this

var div = document.createElement("div");
div.style.cssText = "someCssStyle";

document.body.appendChild(div);