【JavaScript-二维数组】用JavaScript将表格里的元素添加到二维数组

首先,要知道如何创建二维数组。

http://blog.csdn.net/wangyuchun_799/article/details/38460515

这里引入一种最简单的。

二维数组主要用来干什么呢?博主现在要用到的是将HTML中表格的值添加到二维数组中,以便后续对表格进行单元格合并啊之类的操作(用二维数组进行此类操作更利于后续的代码维护)

好的,那么接下来让我们看看怎么用JavaScript实现将表格里的元素添加到二维数组中吧~

现附上HTML部分代码

DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
    <title>二维数组的建立title>
head>
<body>
<h3>用JS将表格数据写入二维数组h3>
<div class="table">
    <table id="tb" width="400px" border="1" cellspacing="3" cellpadding="3">
    <caption style="margin-bottom: 15px">tablecaption>
        <tr>
            <th>yearth>        
            <th>cityth>
            <th>nameth>
            <th>ageth>
            <th>scoreth>
            <th>expenseth>
        tr>
        <tr>
            <td>2015td>
            <td>北京td>
            <td>花花td>            
            <td>18td>
            <td>600td>
            <td>12222td>
        tr>
        <tr>
            <td>2015td>
            <td>北京td>
            <td>明明td>
            <td>19td>
            <td>620td>
            <td>15000td>
        tr>
        <tr>
            <td>2015td>
            <td>上海td>
            <td>丽丽td>
            <td>16td>
            <td>630td>
            <td>11000td>
        tr>    
        <tr>
            <td>2016td>
            <td>北京td>
            <td>凯凯td>
            <td>20td>
            <td>660td>
            <td>13000td>
        tr>
        <tr>
            <td>2016td>
            <td>重庆td>
            <td>琪琪td>
            <td>19td>
            <td>655td>
            <td>10000td>
        tr>
        <tr>
            <td>2016td>
            <td>成都td>
            <td>菲菲td>
            <td>20td>
            <td>570td>
            <td>19000td>
        tr>
        <tr>
            <td>2016td>
            <td>成都td>
            <td>妮妮td>
            <td>17td>
            <td>609td>
            <td>16000td>
        tr>
        <tr>
            <td>2016td>
            <td>河南td>
            <td>娃娃td>
            <td>18td>
            <td>580td>
            <td>13000td>
        tr>
        <tr>
            <td>2016td>
            <td>上海td>
            <td>tiantiantd>
            <td>18td>
            <td>590td>
            <td>16000td>
        tr>                    
    table>
div>
body>
html>

【JavaScript-二维数组】用JavaScript将表格里的元素添加到二维数组_第1张图片

效果如图所示

比如我调用alert(arr[0][0])即可得到2015.

此时,表格已经传到二维数组中了。

 

转载于:https://www.cnblogs.com/sugar1075/p/5417736.html

你可能感兴趣的:(【JavaScript-二维数组】用JavaScript将表格里的元素添加到二维数组)