createElement стиль

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

<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 (), которая добавит элемент" input " в div со стилем (css) контента. У меня есть такой javascript код = > 

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

Но это не работает ... Также нужно добавить элемент" input " сверху вниз и как это сделать, если кто-нибудь мне поможет. Спасибо... :)

3 2
javascript dom createelement

3 ответа:

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

Так вот...

el.style.size = 10;

Должно быть так...

el.size = 10;

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

2

Нет никакого стиля.размер. Может быть, вы ищете стиль.рост или стиль.ширина?

0

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

Эле.стиль.width = '10px';

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

Эле.setAttribute ('style', 'width: 10px; height: 10px');

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

0