专业编程基础技术教程

网站首页 > 基础教程 正文

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

ccvgpt 2024-11-24 12:25:12 基础教程 1 ℃

#php js jquery功能片段#

唯一需求:表格id。

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

注意:因提交数据不能包含\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>

Tags:

最近发表
标签列表