стайлинг createElement

Question

Я новичок в 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 с содержимым style (css).У меня есть такой код javascript =>

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

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

Answer 1

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

Итак, это ...

el.style.size = 10;

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

el.size = 10;

---

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

Answer 2

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

ele.style.width = '10px';

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

ele.setAttribute ('style', 'width: 10px; height: 10px');

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

Answer 3

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