element not defined when using "createElem ent"

[laredotornado]

Hi,

Using advice from this newsgroup, I tried this JS to create new DOM
elements on-the-fly

var divSidebarItem =
document.create Element("div");
divSideBarItem. setAttribute("c lass",
"sidebarToD o");

but I get a JS error on the second line "divSideBarItem " is not
defined when I try and invoke the "setAttribu te" method. Is there a
better way to create an element with attributes or is there something
wrong with the above?

Thanks, - Dave

[Good Man]

"la***********@ zipmail.com" <la***********@ zipmail.comwrot e in
news:11******** **************@ q2g2000cwa.goog legroups.com:

Hi,

Using advice from this newsgroup, I tried this JS to create new DOM
elements on-the-fly

var divSidebarItem =
document.create Element("div");
divSideBarItem. setAttribute("c lass",
"sidebarToD o");

but I get a JS error on the second line "divSideBarItem " is not
defined when I try and invoke the "setAttribu te" method. Is there a
better way to create an element with attributes or is there something
wrong with the above?

divSidebarItem isn't an element/node. you've defined it as a command to
CREATE an element.

[Evertjan.]

la***********@z ipmail.com wrote on 21 feb 2007 in comp.lang.javas cript:

Hi,

Using advice from this newsgroup, I tried this JS to create new DOM
elements on-the-fly

var divSidebarItem =
document.create Element("div");
divSideBarItem. setAttribute("c lass",
"sidebarToD o");

'divSidebarItem ' != 'divSideBarItem '

Wath your cases!

but I get a JS error on the second line "divSideBarItem " is not
defined when I try and invoke the "setAttribu te" method. Is there a
better way to create an element with attributes or is there something
wrong with the above?

Thanks, - Dave

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[Evertjan.]

Good Man wrote on 21 feb 2007 in comp.lang.javas cript:

"la***********@ zipmail.com" <la***********@ zipmail.comwrot e in
news:11******** **************@ q2g2000cwa.goog legroups.com:

>Hi,

Using advice from this newsgroup, I tried this JS to create new DOM
elements on-the-fly

var divSidebarItem =
document.creat eElement("div") ;
divSideBarItem. setAttribute("c lass",
"sidebarToDo") ;

but I get a JS error on the second line "divSideBarItem " is not
defined when I try and invoke the "setAttribu te" method. Is there a
better way to create an element with attributes or is there something
wrong with the above?

divSidebarItem isn't an element/node. you've defined it as a command to
CREATE an element.

No, that is not the error, see my other post.
--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[Good Man]

"Evertjan." <ex************ **@interxnl.net wrote in
news:Xn******** ************@19 4.109.133.242:

>divSidebarIt em isn't an element/node. you've defined it as a command to
CREATE an element.

No, that is not the error, see my other post.

hmm, good eyes.

is the case change all that is necessary for this to work? Does
"divSideBarItem " become a reference to the created DIV instead of the
command to create the DIV?

thanks...

[Evertjan.]

Good Man wrote on 21 feb 2007 in comp.lang.javas cript:

"Evertjan." <ex************ **@interxnl.net wrote in
news:Xn******** ************@19 4.109.133.242:

>>divSidebarIte m isn't an element/node. you've defined it as a command
to CREATE an element.

No, that is not the error, see my other post.

hmm, good eyes.

is the case change all that is necessary for this to work? Does
"divSideBarItem " become a reference to the created DIV instead of the
command to create the DIV?

Another Q, my good man!

Mind:

When setting the CLASS attribute using this method, set the sName to be
"className" , which is the corresponding Dynamic HTML (DHTML) property.
<http://msdn.microsoft.com/workshop/a...thods/setattri
bute.asp>

Try this:

=============== =============== ===

<style type='text/css'>
..sbiStyle {color:red;}
</style>

<div id=d>This is div "d"</div>

<script type='text/javascript'>

var sbi = document.create Element('div');
sbi.setAttribut e('className',' sbiStyle');

var d = document.getEle mentById('d');
document.body.i nsertBefore(sbi , d);

sbi.innerHTML = '<h1>This is the "sbi"</h1>';

</script>

=============== =============== ===
--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[Isaac Schlueter]

On Feb 21, 9:50 am, "laredotorn...@ zipmail.com"
<laredotorn...@ zipmail.comwrot e:

>
var divSidebarItem = document.create Element("div");
divSideBarItem. setAttribute("c lass", "sidebarToD o");

but I get a JS error on the second line "divSideBarItem " is not
defined when I try and invoke the "setAttribu te" method. Is there a
better way to create an element with attributes or is there something
wrong with the above?

Look carefully, Dave.

divSide b arItem
divSide B arItem

JS is case-sensitive. The B in SideBar is capitalized on the second
line, but not on the first. divSideBarItem is not defined--
divSidebarItem is.

:)

--
Isaac Z. Schlueter
http://isaacschlueter.com

[RobG]

On Feb 22, 4:25 am, Good Man <[e-mail] mwrote:

"Evertjan." <exjxw.hannivo. [e-mail] wrote innews:Xn****** **************@ 194.109.133.242 :

divSidebarItem isn't an element/node. you've defined it as a command to
CREATE an element.

No, that is not the error, see my other post.

hmm, good eyes.

is the case change all that is necessary for this to work? Does
"divSideBarItem " become a reference to the created DIV instead of the
command to create the DIV?

When the call operataor () follows an identifier, javascript will
attempt to execute the object referenced by the identifier. The
return value of executing the function is returned, so:

var aDiv = document.create Element('div');

assigns the result of executing the right hand side to the identifier
on the left. Simply doing:

document.create Element('div');

will create a div and return a reference to it. Since that reference
isn't assigned to anything, the div will immediately become available
for garbage collection and effectively ceases to exist almost from the
instant of its creation.
--
Rob