14.2.2 HTML元素之间常见的包含关系
有些HTML元素之间可以互相嵌套，例如<div>元素可以互相嵌套；但有些HTML元素则不可
互相嵌套，例如<td>元素只能作为<tr>元素的子元素，<option>元素只能作为<select>
元素的子元素。
HTML文档中还有两个对象体系：表单对象和表格对象。
表单对象里可以包含基本的输入对象，还可以包含<select>元素，<select>元素可以
包含多个<option>元素。
表格对象里可以包含标题（HTMLTableCaptionElement）控件，还可以包含多个表格
行（HTMLTableColElement）空间，每个表格行又可以包含多个单元格（HTMLTableCellElement）
控件。
14.3 访问HTML元素
为了动态地修改HTML元素，必须能访问HTML元素，DOM提供了两种方式来访问HTML元素。
根据ID访问HTML元素。
利用节点关系访问HTML元素。
前一种方式简单易用，主要有document提供的getElementById()方法来完成；后一种方式
则利用树节点之间的父子、兄弟关系来访问。
14.3.1 根据ID访问HTML元素
根据ID访问HTML元素由如下方法实现：
document.getElementById(idVal)：返回文档中id属性值为idVal的HTML元素。
14.3.2 利用节点关系访问HTML元素
利用节点关系访问HTML元素的属性和方法如下：
Node parentNode：返回当前节点的父节点。只读属性。
Node perviousSibling：返回当前节点的前一个兄弟节点。只读属性。
Node nextSibling：返回当前节点的后一个兄弟节点。只读属性。
Node[] childNodes：返回当前节点的所有子节点。只读属性。
Node[] getElementsByTagName(tagName)：返回当前节点的具有指定标签名的所有子节点。
Node firstChild：返回当前节点的第一个子节点。只读属性。
Node lastChild：返回当前节点的最后一个子节点。只读属性。
8月7号=》356页-360页,布布扣,bubuko.com