生成具有特定類的文本字段

在我的HTML和JavaScript代碼中，我希望在單擊按鈕時動態添加文本字段和單選按鈕。這工作正常。但我也希望生成的新文本字段的字體大小和外觀應與上面的字體大小和外觀相同，即我想擁有相同的類。生成具有特定類的文本字段

下面是HTML：

<input type="radio" name="choices" value="o1"/> 
<input type="text" name="o1" id="o1" class="inputtype"/> 
<span class="file-wrapper"> 
<input type="file" name="o1_i" /> 
<span class="button">Choose an file</span> 
</span> 
<div id="responce"></div>

和JavaScript：

var div = document.getElementById("responce"); 
var radio = document.createElement("input"); 
      radio.type = "radio"; 
      radio.name = "choices"; 
      radio.value = "o" + countBox; 
      div.appendChild(radio); 

var text = document.createElement("input"); 
      text.type = "text"; 
      text.id = "o" + countBox; 
      text.name ="o" + countBox; 
      div.appendChild(text); 

var upload = document.createElement("input") 
      upload.type = "file"; 
      upload.name= "o" + countBox + "_i"; 
      div.appendChild(upload);

來源

2013-07-15 George

就在集className財產，你設置的名稱，類型和ID以同樣的方式：

text.className = "inputtype";

對瀏覽按鈕做同樣的操作：

upload.className = "someclass";

對於多個類，請用空格分隔它們。請注意，className將覆蓋整個班級列表。

來源

2013-07-15 10:39:21 MrCode

和wat做關於瀏覽按鈕...？ – George

向瀏覽按鈕添加一個類，但是您的原始瀏覽按鈕沒有類。 – MrCode

我是新來的HTML ...可以請你展示如何做到這一點..？ – George

如果您不想爲您添加的每個項目添加javascript的類。只要目標<input>元素與普通css：#myform input[type=text]前提是您有一個form-tag或一些父元素來定位。

來源

2013-07-15 10:45:29

生成具有特定類的文本字段

回答

相關問題