2

我是 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）内容。我有这样的 javascript 代码 =>

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

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

4

3 回答 3

2

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

所以这...

el.style.size = 10;

应该是这个……

el.size = 10;

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

于 2012-02-11T18:27:39.387 回答
0

首先，样式中没有大小。你可以设置高度和宽度。

ele.style.width ='10px';

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

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

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

于 2012-02-11T18:37:30.823 回答
0

没有style.size。也许您正在寻找 style.height 或 style.width？

于 2012-02-11T18:27:22.307 回答