Question

我想在td中插入新的HTML输入标签Text.My Leader说我不使用jquery和其他插件所以，我认为这只能是Javascript。我想为表中的所有td插入新的输入标签。如何插入新的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());

这是我准备的代码。

Answer 1

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

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

td.appendchild(input)

Answer 2

我试过这个，应该适合你： -

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>

使用Javascript在td中插入新的HTML输入标记？

2 个答案: