在JavaScript中插入新的HTML輸入標籤？

我想在td中插入新的HTML輸入標籤Text.My Leader說我不要使用jquery和其他插件，所以我認爲這隻能是Javascript.I想爲表中的所有td插入新的Input標籤。我怎樣才能插入新的HTML輸入標籤？請幫我！在JavaScript中插入新的HTML輸入標籤？

<script type="text/javascript"> 
var btn_name=document.getElementsByName("submitConfirm"); 
function init() 
{ 
    document.getElementsByName("submitConfirm").onClick=function() 
    { 
    Edit_td(); 
    } 
} 
function Edit_td() 
{ 

}

window.onload(init());

這是我準備的代碼。

來源

2014-07-16 Ivory

顯示您的標記也？並且我沒有明確說明「只有元素名稱」的含義。 – Mritunjay

「submitConfirm」是Input.I的名稱可以處理，但我不知道如何在td內插入Input標籤時點擊按鈕 – Ivory

當你的函數'init'被調用時？ – Mritunjay

我想這一點，應該爲你工作： -

function editTd() { 
    var rows = document.getElementById('tbl1').rows; 
    for (var i = 0; i < rows.length; i++) { 
     var row = rows[i]; 
     for (var j = 0; j < row.cells.length; j++) { 
      var input = document.createElement('input'); 
      input.type = "text"; 
      row.cells[j].appendChild(input); 
     }; 
    }; 
} 

window.onload = function(){ 
    document.getElementsByName("submitConfirm")[0].onclick = editTd; 
};

這是我的標記

<button name="submitConfirm">submit</button> 
<table id="tbl1"> 
    <tr> 
    <td></td> 
    <td></td> 
    </tr> 
    <tr> 
    <td></td> 
    <td></td> 
    </tr> 
</table>

來源

2014-07-16 03:01:01 Mritunjay

var td = document.querySelector('td') // or getElementById/ClassName[0] 

var input = document.createElement('input') 
input.type = 'text' // or other 

td.appendchild(input)

來源

2014-07-16 02:47:05 rawiro

在我的網頁中，有其他td從其他表中，這將影響所有，不是嗎？我怎樣才能從我的目標表tdd。我只能使用表ID ... – Ivory

把這裏放在你的html，沒有，我不能幫你 – rawiro

你可以做 var table = document.getElementById（'table-id'） var td = table.querySelector（'td'） – rawiro

在JavaScript中插入新的HTML輸入標籤？

回答

相關問題