Applying CSS styles to dynamic texbox

daitasri

Hi
I am creating a textbox dynamically on click of a button. I want to apply some styles to that textbox using a CSS file. How can i do that using javascript in a HTML page? The following is the code i am using .

Expand|Select|Wrap|Line Numbers

 
var cell2 = row.insertCell(1);

var addRowTextNode2 = document.createElement('input');

addRowTextNode2.type = 'text';
 
addRowTextNode2.name = 'CN'+iIteration;

addRowTextNode2.id = 'CN'+iIteration;

cell2.appendChild(addRowTextNode2);

Thanks
Daitasri

gits

there are different ways:

Expand|Select|Wrap|Line Numbers

 // first example - one specific style

node_ref.style.color = 'red';
 
// second - a class

node_ref.className = 'your_css_class_name';

kind regards

daitasri

Hi
Thank you for your sparing valuble in helping me. I tried using this ,its fine but i m creating a dropdown also after creating the textbox.Now after i include this statement
node.className='class';
its just creating a textbox and after that its not creating the dropdowns. Its showing error there. Please help me with this.
Thanks
Daitasri

gits

show your code please ...

kind regards

Applying CSS styles to dynamic texbox

re: Applying CSS styles to dynamic texbox

re: Applying CSS styles to dynamic texbox

re: Applying CSS styles to dynamic texbox

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about