Question

我是DOM javascript的初学者，所以我有这样一个问题。我有像这样的HTML格式=＆gt;

<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（）函数，它会附加＆＃34;输入＆＃34; div中的元素与样式（css）内容。我有这样的javascript代码=＆gt;

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

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

Answer 1

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

所以这......

el.style.size = 10;

应该是这个......

el.size = 10;

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

Answer 2

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

Answer 3

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

ele.style.width ='10px';

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

ele.setAttribute（ '风格'， '宽度：10px的;高度：10px的'）;

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

createElement样式

3 个答案: