一、访问HTML元素的方法
1.根据id访问HTML元素
方法：document.getElementById(id名)
2.根据css选择器访问HTML元素
方法：Element querySelector(selectors)该方法既可以是一个选择器，也可以是用逗号隔开的多个css选择器,该方法返回的是HTML文档总第一个符合选择器参数的HTML元素
NodeList querySelectorAll(selectors)返回的是符合选择器的HTML元素集合
3.利用节点关系访问HTML元素
方法：Node parentNode：返回当前节点的父节点
Node previousSibling：返回当前节点的前一个兄弟节点
Node nextSibling：返回当前节点的后一个兄弟节点
Node[] childNodes:返回当前节点的所有子节点
Node[] getElementsByTagName(tagName):返回某标签的所有子节点
Node firstChild：返回当前节点的第一个子节点，注意访问每个< li / >节点上下分别有一个空白，这个空白也算是一个元素。
Node lastChild：返回当前节点的最后一个子节点
二、访问HTML元素的一些特例
1.访问表单控件（表单在DOM中由HTMLFormElement对象表示，一下是该对象的几个常用属性）
action：返回该表单的action属性值，该属性用于指定表单的提交地址，读写属性
elements:返回该表单的全部表单控件组成的数组，使用该数组可以访问表单中任何控件（注意，elements属性值并不是一个普通的数组，而是一个HTMLCollection对象，该对象既可以当做普通数组使用（通过数字索引访问）也可以当做关联数组使用（通过字符串索引访问）如果表单中有多个name或者id的属性值相同，则会再次返回一个HTMLCollection对象）
HTMLFormElement访问表单控件有如下三种语法
formObj.elements[index]:返回表单中第index个表单控件
formObj.elements['elementName']:返回表单中id或name为elementName的表单控件集合
form.elemrntName:返回表单中id或name为elementName的表单控件集合
length：返回表单内表单域的个数，该属性等于elements.length的值，只读属性
method：返回表单的method属性
target：用于确定提交表单时的结果窗口
reset：重设表单，将所有表单域的值设为初始值
submit：提交表单
2.访问列表框、下拉菜单的选项，属性如下
form：返回列表框、下拉菜单所在的表单对象。只读属性
length：返回列表框、下拉菜单的选项个数
options：返回选项组成的数组
selectedIndex：返回下拉列表中选中选项的索引
type：返回下拉列表的类型，即是否允许多选，如果是，则返回select-multiple，如果不支持则返回select-one
HTMLSelectElement的options属性可以直接访问列表框好、下拉菜单的所有列表项，传入指定索引即可实现。语法格式如下
select.options[index]:返回列表框的第index+1个选项
form：返回该选项所属下拉列表所处表单对象
defaultSelected：返回该选项默认是否选中
selected：返回该选项是否被选中
text：返回该选项呈现的文本
value：返回该选项的value值
3、访问表格子元素
caption：返回表格的标题对象
HTMLCollection rows：返回该表格里的所有表格行
HTMLCollection tBodies：返回该表格里所有<tbody/>元素组成的数组
table.rows[index]:返回该表格的第index+1行的表格行
HTMLTableRowElement代表表格行，部分属性如下
cells：返回该表格上内所有单元格组成的数组
rowIndex：返回该表格行在表格内的索引值
sectionRowIndex：返回该表格行在其所在元素的索引值
HTMLTableCellElement代表单元格对象
cellIndex：返回单元格在表格行内的索引值