如何在html页⾯插⼊⼀个表格，参数的传递，
1⾸先在HTML页⾯插⼊⼀个表格
js代码 function $(eleStr){ switch(eleStr.substr(0,1)){ case "#": ElementById(eleStr.substr(1)); break; case ".": ElementsByClassName(eleStr.substr(1)); break; case "_": ElementsByName(eleStr.substr(1)); break; default: ElementsByTagName(eleStr); break; } }
onload = function(){
doOperator();
}
function doOperator(){
var updates =$(".update");
var dels =$(".del");
for (var i = 0; i < dels.length; i++) {
dels[i].onclick =  function(){
if(confirm("是否确定删除？")){  //提⽰是否删除
//var row = this.parentNode.parentNode; //取到tr对象
//veChild(row);  //移除tr
$("#stuRecordTable").deleteRow(this.wIndex);
}
}
updates[i].onclick = function(){
var operatorCell = this.ElementsByTagName("td")[1]; //取到要操作的td对象
//1.修改按钮上有两个功能：修改，确定修改
if(this.value == "修改"){
this.value = "确定";
operatorCell.innerHTML ="<input value='"+operatorCell.innerHTML+"'/>";//把内容变成⽂本框
//做修改操作
}else{
operatorCell.innerHTML =ElementsByTagName("input")[0].value;//把⽂本框变成内容
this.value = "修改";
//做确定修改
}
}
}
}
function addRow(){
var rs = $("#stuRecordTable").rows;  //table取到所有的⾏
var insertR = $("#stuRecordTable").insertRow(rs.length-1); //给表格添加⼀⾏(不包单元格)
//insertR.innerHTML = rs[1].innerHTML;
var c1 = insertR.insertCell(0);
c1.innerHTML = '<input    type="text" name="coownerName" id="coownerName"  data-bv-notempty="true" data-bv-notempty-message="共有产权⼈不能为空">';
var c1 = insertR.insertCell(1);
c1.innerHTML = '<input    type="text" name="credentialstype" id="credentialstype"  data-bv-notempty="true" data-bv-notempty-message="证件类型不能为空">';
var c1 = insertR.insertCell(2);
c1.innerHTML = '<input    type="text" name="certificatesNum" id="certificatesNum"  data-bv-notempty="true" data-bv-notempty-message="证件类型不能为空">';
var c3 = insertR.insertCell(3);
c3.innerHTML ='<input type="button" value="删除" class="del"/><input type="button" value="修改" class="update"/>';
doOperator();
var cs = rs[1].cells; //取到当前⾏的所有单元格
//alert(cs[1].innerHTML);
}
表格样式：
//封装数据
function get_table_data() {
var tr=jQuery("#")
var result=[];
for (var i = 2; i < tr.length; i++) {
var tds=jQuery(tr[i]).find("td");
if(tds.length>0){
result.push({'coownerName':jQuery(tds[0]).innerHTML,'certificatesNum':jQuery(tds[1]).innerHTML,'certificatesNum':jQuery(tds[1]).innerHTML}); }
}
}
var result=get_table_data();
jQuery("#hidTD").val(JSON.stringify(result));
//显⽰数据
//显⽰数据
html制作一个网页
function showData(data) {
var str = "";//定义⽤于拼接的字符串
for (var i = 0; i < data.length; i++){
// 拼接表格的⾏和列
str = "" +
"" + data[i].coownerName + "" + "" + data[i].credentialstype + "" +
"";
//追加到table中
jQuery("#stuRecordTable").append(str);  }
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。