2017-08-29 106 views
0

我使用輸入框創建表並使用以下代碼創建新行。通過javascript更改類輸入值

我希望新行在文本框內應該有空白值。對於它我已經嘗試過類屬性改變,但它不工作,總是從第一行獲得價值。

function addRow(tableID) { 
    var table = document.getElementById(tableID); 
    var rowCount = table.rows.length; 

          // limit the user from creating fields more than your limits 
     var row = table.insertRow(rowCount); 
     var colCount = table.rows[0].cells.length; 
     for(var i=0; i<colCount; i++) { 
      var newcell = row.insertCell(i); 
      newcell.innerHTML = table.rows[1].cells[i].innerHTML; 
       document.getElementsByClassName('small')[0].setAttribute("value", ""); 
    } 
} 
+0

代碼搜索'document'的所有元素。你也可以在特定的元素上使用'getElementsByClassNamedocument'。未經測試,但您可以嘗試'newcell.getElementsByClassName(')而不是(儘管更好的方式是在循環後用'row.getElementsByClassName'循環所有元素) –

回答

0

你只是像這樣設置你的第一行的值: document.getElementsByClassName('small')[0].setAttribute("value", "");

你通過他們都需要循環並將其值設置。

document.getElementsByClassName('small'),forEach(item => item.setAttribute('value','');

+0

將此代碼放入代碼後無輸出 –

0

value屬性不正是你所需要的,並在所有可編寫腳本的瀏覽器正常工作。

var input = document.getElementById("your_input"); 
input.value = "blah"; 

在你的情況,你可以試戴

document.getElementsByClassName('small')[0].value = ""; 
+0

對此結果相同 –