问一个有点复杂的js问题,具体看下面的描述

js语言怎么实现动态地给html的表格添加一行,就像插入列表那样添加进入。

ie和firefox下操作table对象的异同

document.createElement("td");

$.ajax({
type:"get",
url:"sqdt/getSqdtInfo",
data:{jsbh:"30001"},
dataType:'json',
cache:false,//ajax缓存 设置false则是不保存到缓存中
beforeSend:function(xhr){
console.log('发送前');
},
success:function(data){
//console.log(data.success);
if(data.success=="1"){
console.log("success!");
console.log(data);
/*$("#bt").html(data.jsjs[0].nr);
$("#bt1").html(data.jsjs[0].title);*/

            for(var i =0;i<data.sqdt.length;i++){
                var div = "<tr><td>"+"<div id='ms_tb'>"+"<h4 id='btname'>"+data.sqdt[i].title+"</h4>"+"<p class='box'>"+data.sqdt[i].nr+"</p>"+
                "<a href=''>查看详情</a>"+"&nbsp;&nbsp;<span id='time'>"+data.sqdt[i].createtimeString+"</span>"+"</div>"+"</td></tr>";
                $("#blocks").append(div);
            }
    });



    动态的添加      html画一个table   id="blocks",     类似于这样就行了    我这个是获取数据动态添加的
    var trHtml="<tr align='center'><td width='30%'><input type='checkbox' name='ckb'/></td><td width='30%'>地理</td><td width='30%'>60</td></tr>";
     var $tr=$("#"+tab+" tr").eq(row);
     if($tr.size()==0){
        alert("指定的table id或行数不存在!");
        return;
     }
     $tr.after(trHtml);

<!DOCTYPE html>


MyHtml.html


$(document).ready(function(){ $("#addTable").click(function(){ var tr="<tr><td><input type=\"checkbox\" name=\"check\"/>"+ "</td><td>111</td><td>222</td><td>333</td></tr>"; $("#table1").append(tr); }); $("#deleteTable").click(function(){ var check = document.getElementsByName("check"); for(var i=0;i<check.length;i++){ if(check[i].checked){ document.getElementById('table1').deleteRow(i); i--; } } }); });







注:下载这个jquery-3.0.0.min.js文件,放到同一个文件夹下,直接运行即可。

可以采用jQuery的方法append,十分方便。

// table为表格的id
$('#table').append('<tr><td>1</td> <td>2</td></tr>');

这个代码使用Jquery方式写的 可以再).html('” 地址不能为空');
return false;
}
if($(this).val().length<=3){
$('#addressesp').html(' 地址不够详细');
return false;
}else{
$('#addressesp').html('');
addressFlag = true;
return addressFlag;
}
});