js表格初学

《JavaScript权威指南第六版》书中只提及表单，但未提及表格，尽管实际开发中表格可能已经很少使用到，但在学习过程中见到相关的东西，还是记录下来备忘。

1.表格和表单

表格用于布局，一般用于存放数据；
表单用于传输数据；、
一般而言，表格中可以包含表单，表单中也可以包含表格。

2. 表格的使用

2.1 表格的创建

<table border = "1" >
 	<thead>
 		<td>ID</td>
 		<td>Name</td>
 		 <td>Age</td>
	 </thead>
	 <tbody>
	 	<tr>
	 		<td>1</td>
	 		<td>Sam</td>
	 		<td>22</td>
	 	</tr>
	 	<tr>
	 		<td>2</td>
	 		<td>Tom</td>
	 		<td>25</td>
	 	</tr>
	 </tbody>
</table>

thead为表头，tbody为表格内容，一般开发中tbody可省略，但如果编程过程中省略时，通过开发人员工具发现，解释器会自动补上，所以最好还是写上。

tr表示一列，td表示单元格，td包含在tr中。

2.1 表格的使用

表格定义了一些属性，可以简化获取参数的操作。

一般使用方法	等价于
getElementsByTagName(‘tbody’)	tBodies
getElementsByTagName(‘tr’)	rows
getElementsByTagName(‘td’)	cells
getElementsByTagName(‘thead’)	tHead
getElementsByTagName(‘tfoot’)	tFoot

一些思路：

• 在插入新内容时，应该做好排序列（如ID）的相关操作，避免增删查改中出现错误。一般情况下，当插入时，选择让ID自增，分配过的ID即使删除了也不再使用。
• 对表格进行排序的步骤：

1. 获取元素集，getElementsBy…
2. 元素集装到数组 arr[i] = elts[i]
3. 数组用sort排序，传入比较函数 sort(function{})
4. 遍历数组，将数组中的项用appendChild依次插入 appendChild(arr[i])

之所以将元素集装到数组，是因为元素集是一个类数组，没有sort方法，将元素集装到数组后，可以使用sort方法和比较函数进行排序，会比较方便。

关于排序，或许还有千百种方法，这里只列举学习到的一种，后续可适当更新。