2

私はDOMjavascriptの初心者なので、そのような質問があります。私はそのような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>

そして、見られるように、スタイル（css）コンテンツを含むdivの「input」要素を追加するaddChild（）関数を呼び出したいと思います。私はそのようなjavascriptコードを持っています=>

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

しかし、それは機能していません...誰かが私を助けてくれたら、上から下に「input」要素とその方法を追加する必要もあります。ありがとう ... ：）

4

3 に答える 3

2

要素のsizeはinputスタイルプロパティではありません。inputこれは要素自体のプロパティです。

したがって、この...

el.style.size = 10;

これである必要があります...

el.size = 10;

「また、上から下に「入力」要素を追加する必要があります...」とはどういう意味かわかりません。

于 2012-02-11T18:27:39.387 に答える
0

まず、スタイルにサイズはありません。uは高さと幅を設定できます。

ele.style.width = '10px';

しかし、その後もクロスブラウザで競合することはないので、uは一緒に行くことができます、

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 に答える