Adding a label to a TextNode

[Nitestarz]

ok, I have a TextNode:

var firstname_text = document.createTextNode("First Name: ");
 

[Please use CODE tags when posting source code. Thanks! --pbmods]

How would I be able to add a <label> tag to it so that when it prints out it is wrapped in the <label> tag?

Thanks!!!!

[pbmods]

Heya, Nitestarz.

First, you'd need to create the label, then append your text node to it.

var theLabel = document.createElement('label');
var firstname_text = document.createTextNode("First Name: ");
theLabal.appendChild(firstname_text);
 

[Nitestarz]

duhh!!! thank you..my brain is slowww today

[gits]

hi ...

you have to create the label-node and then appendChild the textNode to it ...

your document-node is to imagine like this after you've done it:

<label>
    |_ <textnode>
 

after that ... append the label-node to your document wherever you want ...

kind regards

ps: ahh ... i see you got help during typing my post ;))

[Nitestarz]

Hmmm. It doesnt seem to be adding. Here is my whole code i am using:

function add_student(){
 
///Create Label///
var label = document.createElement('label');
 
//// Create Line breaks ////
var linebreak=document.createElement("p");
var linebreak0=document.createElement("p");
 
//// Create text ////
var header = document.createTextNode("Student Information");
var firstname_text = document.createTextNode("First Name: ");
 
//// Create input boxes ////
var StudentFirstname=document.createElement('input') ;
StudentFirstname.type='text';
StudentFirstname.size='45';
StudentFirstname.name='Student2_Firstname';
 
//// Append ////
document.forms.Registration.appendChild(header);
document.forms.Registration.appendChild(linebreak0 );
label.appendChild(firstname_text);
document.forms.Registration.appendChild(firstname_text);
document.forms.Registration.appendChild(StudentFirstname);
}
 

[gits]

where do you append the label? ;) ... instead of appending the textnode to the document (line 24), you have to append the label, that has the textnode appended already ... when you append it now, you append the 'label+textnode-construct' ... ok?

kind regards

[Nitestarz]

I think i am more confused now!

[gits]

I think i am more confused now!

replace line 24 with:

document.forms.Registration.appendChild(label);

[Nitestarz]

ahhh! i see how that works now! thank you :-)

[gits]

no problem ;) ... come back when you have more questions ...

kind regards