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()函数，该函数将在div中附加带有样式(css)内容的"input“元素。我有这样一个javascript代码=>

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

但它不起作用。还需要追加“输入”元素从上面到下面，以及如何做到这一点，如果有人帮助我。谢谢... :)

Answer 1

input元素的样式不是size属性。它是input元素本身的属性。

所以这个..。

el.style.size = 10;

应该是这样的。

el.size = 10;

我只是不明白你所说的“还需要将"input”元素从上方追加到下方...“是什么意思。

Answer 2

没有style.size。也许你在找style.height或style.width？

Answer 3

首先，这种款式没有尺码。你可以设置高度和宽度。

ele.style.width ='10px'；

但之后它也不是跨浏览器竞争的，所以你可以使用它，

ele.setAttribute('style'，‘宽度:10px；高度:10px’)；

你使用的大小在Firefox和IE中会有所不同。!!！