DOM
利用节点关系访问HTML元素
parentNode：返回当前节点的父节点
previousSibling：返回当前节点的前一个兄弟节点
nextSibling：返回当前节点的下一个兄弟节点
childNodes：返回当前节点的所有子节点
firstChild：返回当前节点的第一个子节点
lastChild：返回当前节点的最后一个子节点
getElementsByTagName(tagName)：返回当前节点的具有指定标签名的所有子节点（tagName是制定标签名）
例1：写一个通用的方法，当通过按钮点击时传入参数来实现获取HTML元素
注：因为ul无序列表在实际运行时每个标签前边会多一个小符号，所以在根据关系访问HTML元素的时候会考虑到那个小符号的存在。
例1-1：麻烦板：给每一个按钮写一个方法来实现；
访问表单控件
action 返回该表单的提交地址
elements返回表单内全部表单控件所组成的数组，通过数组可以访问表单内的任何表单控件。
length返回表单内表单域的个数
reset()、submit()重置表单和确定表单方法
在elements中 访问三种格式
.elements【index】代表返回第index个表单控件 （elements是一个数组 index代表下标）
.elements【elementName】 返回表单内id或name为elementName的表单控件
.elementName 返回表单内id或name为elementName的表单控件
例2：写一个通用方法，通过按钮点击时实现访问表单控件
例2-2：麻烦板：给每一个按钮写一个方法来实现；
访问下拉菜单
form 返回下拉菜单或列表框所在的表单
length 下拉菜单或列表框中的项目个数
options 下拉菜单或列表框所有项目所组成的数组 options【index】代表返回第index个选项 （options是一个数组 index代表下标）
selectedIndex 被默认选中的选项
text 返回该选项的文本 类似 innerHTML
value 返回改选项的value属性值
selected 返回该选项是否被选中
例3：写一个通用方法，通过按钮点击时实现访问下拉菜单
例3-3：麻烦板：给每一个按钮写一个方法来实现；
