createElement styling

Я начинаю в DOM javascript, поэтому у меня есть такой вопрос. У меня есть HTML форма, как, что =>createElement styling

<div id="name_field" style="text-align: center;"> 
    <form name="add" action="index.php" method="post"> 
    Name&nbsp;&nbsp;&nbsp;<input type="text" name="name_" id="name_" size="15">&nbsp;&nbsp;&nbsp;<a href="javascript:void(0)" class="some" onclick="addChild();">Add&nbsp;More</a><br> 
    <span id="a">here is that</span> 
    </form> 
</div>

И хочу называть, как это видно, функция AddChild(), который добавит элемент «вход» в DIV со стилем (CSS) содержание. У меня есть такой яваскрипт кода =>

function addChild() 
{ 
    var div = document.getElementById("name_field"); 
    var el = document.createElement("input"); 
    el.style.size = 10; 
    div.appendChild(el); 
}

Но это не работает ... Кроме того, необходимо добавить элемент «вход» сверху вниз и как это сделать, если кто-нибудь мне помочь. Спасибо ... :)

источник

2012-02-11 tnanoba

sizeinput элемент не относится к стилю. Это свойство самого элемента input.

Так это ...

el.style.size = 10;

должно быть это ...

el.size = 10;

Я просто не знаю, что вы подразумеваете под "Также необходимо добавить" ввод "элемент сверху вниз ...".

источник

2012-02-11 18:27:39

спасибо, что работает :) – tnanoba

@Tornike: Добро пожаловать. –

Вы правы, но, вероятно, «лучше» (для согласованности сайтов) использовать подход CSS: 'el.style.width = '10em';' (например). Хотя, не менее очевидно, это не то, что запросил OP ... независимо, +1 –

Нет style.size. Может быть, вы ищете style.height или style.width?

источник

2012-02-11 18:27:22

Я хочу изменить размер на форме ввода (поле), как это сделать? – tnanoba

ok, el.size = xxx –

Я бы предложил использовать последний 'el.style.width = '10em';' (например), потому что атрибут 'size' отражает ширину символа (IIRC) ввод' элемент. –

Во-первых, в этом стиле нет размеров. u может установить высоту и ширину.

ele.style.width = '10px';

Но после того, как он также не кросс-браузер competible так и может пойти с,

ele.setAttribute ('стиль', 'ширина: 10px; высота: 10px');

Размер, который вы используете, будет отличаться в Firefox и IE. !!!

источник

2012-02-11 18:37:30

ответ

Смежные вопросы