define dynamic width of textbox using DOM approach

Question

i am tyring to insert textboxes to create empty rows but i want first textbox should be of 50px only i am creating them onclick event of a button using DOM approach how to define the width with respect to following approach

j is a variable being handled somewhere & cols is no: of columns to be created

for(var t=1;t<=cols;t=t+1)
            {

                var cell = row.insertCell(t);
                var element = document.createElement("input");
                element.type = "text";
                element.id=   'text['+j+']['+(t)+']';
                element.name= 'text['+j+']['+(t)+']';
                element.value="";

                cell.appendChild(element);
            }

i tried following too but not worked if(t===1) { element.style.width="50px"; } — Wonder_boy_111
– Wonder_boy_111, Commented Apr 10, 2013 at 9:45

radha krishna · Accepted Answer · 2013-04-10 10:07:57Z

1

some times it may works

element.style.width = width + 'px';

try it once in case the above suggestions fails

or by using this,

element.setAttribute("style","width:50px");

edited Apr 10, 2013 at 10:07

answered Apr 10, 2013 at 9:56

radha krishna

2301 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Wonder_boy_111 Over a year ago

thnx... this worked element.setAttribute("style","width:50px");

Kenneth · Accepted Answer · 2013-04-10 09:47:58Z

0

Try the following:

In CSS:

.firsttext
{
    width: 50px;
}

In Javascript:

if (t==1)
{
    element.className = "firsttext";
}

answered Apr 10, 2013 at 9:47

Kenneth

28.8k7 gold badges65 silver badges85 bronze badges

Collectives™ on Stack Overflow

define dynamic width of textbox using DOM approach

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related