html页面之间传表格,如何在html 页面插入一个表格，参数的传递，

1首先在HTML页面插入一个表格

姓名

证件类型

证件号码

编辑

js代码

function $(eleStr){

switch(eleStr.substr(0,1)){

case "#":

return document.getElementById(eleStr.substr(1));

break;

case ".":

return document.getElementsByClassName(eleStr.substr(1));

break;

case "_":

return document.getElementsByName(eleStr.substr(1));

break;

default:

return document.getElementsByTagName(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对象

//row.parentNode.removeChild(row); //移除tr

$("#stuRecordTable").deleteRow(this.parentNode.parentNode.rowIndex);

}

}

updates[i].onclick = function(){

var operatorCell = this.parentNode.parentNode.getElementsByTagName("td")[1]; //取到要操作的td对象

//1.修改按钮上有两个功能：修改，确定修改

if(this.value == "修改"){

this.value = "确定";

operatorCell.innerHTML ="";//把内容变成文本框

//做修改操作

}else{

operatorCell.innerHTML =operatorCell.getElementsByTagName("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 = '';

var c1 = insertR.insertCell(1);

c1.innerHTML = '';

var c1 = insertR.insertCell(2);

c1.innerHTML = '';

var c3 = insertR.insertCell(3);

c3.innerHTML ='';

doOperator();

var cs = rs[1].cells; //取到当前行的所有单元格

//alert(cs[1].innerHTML);

}

表格样式：

//封装数据

function get_table_data() {

var tr=jQuery("#stuRecordTable.tr")

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));

//显示数据

//显示数据

function showData(data) {

var str = "";//定义用于拼接的字符串

for (var i = 0; i < data.length; i++){

// 拼接表格的行和列

str = "" +

"" + data[i].coownerName + "" +

"" + data[i].credentialstype + "" +

"" + data[i].certificatesNum+ "" +

"" + ''+ "" +

"";

//追加到table中

jQuery("#stuRecordTable").append(str);

}

}

标签：function,jQuery,表格,innerHTML,html,parentNode,var,data,页面

来源： https://www.cnblogs.com/pdxt666/p/14200049.html