2.“岗位类型”列的每个岗位类型根据该岗位类型下的岗位数进行动态跨行合并；
3.“管辖区域”及“工作区”列则根据该工作区的该管辖区域下的所有岗位数进行合并，后面有多少个岗位，进行多少行的跨行合并；4.表格的最后三行的第一个单元格分别进行跨三列合并，第二个单元格分别进行跨5列合并
使用HTML DOM 对象方法 组合起来使用；
1、删除HTML元素<!DOCTYPE html>
<html>
<body>
<div id="div1">
<p id="p1">我是P1</p>
<p id="p2">我是P2</p>
</div>
<script>
var parent=document.getElementById("div1") ，查找 id="div1" 的元素：
var child=document.getElementById("p2") ，查找 id="p1" 的 <p> 元素：
parent.removeChild(child) ，从父元素中删除子元素：
</script>
</body>
</html>
2、添加HTML元素
<!DOCTYPE html>
<html>
<body>
<div id="div1">
<p id="p1">我是P1</p>
<p id="p2">我是P2</p>
</div>
<script>
var para=document.createElement("p") ，这段代码创建了一个新的 <p> 元素
var node=document.createTextNode("我是P3") ，这段代码创建文本节点
para.appendChild(node) ，向 <p> 元素追加文本节点
var element=document.getElementById("div1") ，查找到一个已有的元素
element.appendChild(para) ，在上面查找到的元素中追加新元素：
</script>
</body>
</html>
其它的不一一说明：
方法 描述
getElementById() ，返回带有指定 ID 的元素。
getElementsByTagName() ，返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。
getElementsByClassName() ，返回包含带有指定类名的所有元素的节点列表。
appendChild() ，把新的子节点添加到指定节点。
removeChild() ，删除子节点。
replaceChild() ，替换子节点。
insertBefore() ，在指定的子节点前面插入新的子节点。
createAttribute() ，创建属性节点。
createElement() ，创建元素节点。
createTextNode() ，创建文本节点。
getAttribute() ，返回指定的属性值。
setAttribute() ，把指定属性设置或修改为指定的值。
