您的位置 首页 php

js 遍历html表格 获取表格内容

#php js jquery功能片段#

唯一需求:表格id。

注意:因提交数据不能包含\n,所以要替换。呈现时可以替换回换行符。

<script type=”text/javascript”>

/**

* 遍历表格内容后返回数组

* @param string id 表格id

* @return Array 或者JSON

*/

function getTableContent(id) {

var mytable = document.getElementById(id);

var data = [];

var tmpTxt;

for(var i = 0, rows = mytable.rows.length; i < rows; i++) {

for(var j = 0, cells = mytable.rows[i].cells.length; j < cells; j++) {

if(!data[i]) {

data[i] = new Array();

}

tmpTxt = mytable.rows[i].cells[j].innerHTML;

//tmpTxt = tmpTxt.replace(/<[^>]+>/gi,”);//过滤全部的html标签,不包括内容

//tmpTxt =tmpTxt.replace(/\s/gi,”);

tmpTxt =tmpTxt.replace(/\\n/gi,'<br>’);

//data[i][j] = tmpTxt;

data[i][j] = tmpTxt.replace(/ /g, “”); //替换全角空格

}

}

//var JSONdata=data;

var JSONdata = JSON.stringify(data); //序列化数组JSON.stringify(data) 反序列化数组JSON.parse(data)

return JSONdata;

//return data;//返回数组

}

</script>

文章来源:智云一二三科技

文章标题:js 遍历html表格 获取表格内容

文章地址:https://www.zhihuclub.com/149693.shtml

关于作者: 智云科技

热门文章

网站地图