javascript - 创建元素样式

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;

---

我只是不知道你所说的“还需要从上到下附加“输入”元素......”是什么意思。。