createElement造型

我是初學者在DOM的JavaScript，所以我有這樣的問題。我有html表單那樣=>createElement造型

<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>

而且要調用像可以看出，這將在DIV追加「輸入」元素與風格（CSS）含量的addChild（）函數。我有這樣一個JavaScript代碼=>

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

但它不工作...還需要自上而下，如何追加「輸入」元素要做到這一點，如果有人幫助我。謝謝... :)

來源

2012-02-11 tnanoba

input元素的size不是樣式屬性。這是input元素本身的屬性。

所以這...

el.style.size = 10;

應該是這樣的......

el.size = 10;

我只是不知道你的意思「還需要追加」輸入「元素從上到下...」。

來源

2012-02-11 18:27:39

謝謝，作品:) – tnanoba 2012-02-11 18:30:03

@Tornike：不客氣。 – 2012-02-11 18:30:20

你是對的，但它可能'更好'（對於網站一致性）使用CSS方法：'el.style.width ='10em';'（例如）。雖然，同樣顯然，這不是什麼OP問...不管，+1 – 2012-02-11 18:31:42

沒有style.size。也許你正在尋找style.height或style.width？

來源

2012-02-11 18:27:22

我想改變輸入表單（字段）的大小，怎麼做？ – tnanoba 2012-02-11 18:28:40

好吧，el.size = xxx – 2012-02-11 18:30:33

我建議使用後者'el.style.width ='10em';'（例如），因爲'size'屬性反映了字符寬度（IIRC）輸入「元素。 – 2012-02-11 18:33:13

首先，樣式中沒有大小。你可以設置高度和寬度。

ele.style.width ='10px';

之後卻也實在是不跨瀏覽器competible，這樣你們可以一起去，

ele.setAttribute（ '風格'， '寬度：10px的;高度：10px的'）;

您使用的尺寸在Firefox和IE中會有所不同。！

來源

2012-02-11 18:37:30

createElement造型

回答

相關問題