- <html>
- <head>
- <title>
- </title>
- </head>
- <body>
- <table>
- <tr>
- <td>
- 值1
- </td>
- <td>
- 值2
- </td>
- <td>
- 值3
- </td>
- </tr>
- <tr class="for-tr">
- <td>
- aaa
- </td>
- <td>
- bbb
- </td>
- <td>
- ccc
- </td>
- </tr>
- <tr class="for-tr">
- <td>
- ddd
- </td>
- <td>
- eee
- </td>
- <td>
- fff
- </td>
- </tr>
- <tr class="for-tr">
- <td>
- ggg
- </td>
- <td>
- hhh
- </td>
- <td>
- kkk
- </td>
- </tr>
- <tr class="for-tr">
- <td>
- lll
- </td>
- <td>
- ppp
- </td>
- <td>
- ooo
- </td>
- </tr>
- </table>
- </body>
- <script type="text/javascript">
- var postArr = [];
- for (var i = 0; i < document.getElementsByClassName('
- for - tr').length; i++) { //循环所有的tr
- var subObj = {};
- var subChild = delSpaceDom(document.getElementsByClassName('
- for - tr')[i]);
- subObj.name = subChild[0].childNodes[0].nodeValue;
- subObj.age = subChild[1].childNodes[0].nodeValue;
- subObj.sex = subChild[2].childNodes[0].nodeValue;
- postArr.push(subObj);
- };
- console.log(postArr);
- function delSpaceDom(parentNode) {
- var sub_child = parentNode.childNodes;
- for (var i = 0; i < sub_child.length; i++) {
- if (sub_child[i].nodeType == '3' && sub_child[i].nodeName == '#text' && !/\S/.test(sub_child[i].nodeValue)) { //文本节点并且是空的文本节点时,将空文本节点删除
- parentNode.removeChild(sub_child[i]);
- }
- }
- return parentNode.childNodes;
- }
- </script>
- </html>
来源: http://www.bubuko.com/infodetail-1860982.html