DOM访问HTML元素的方式
- 根据ID访问HTML元素：通过document对象调用getElementById()方法来查找具有唯一id属性值的元素。
- 利用节点关系访问HTML元素。常用的属性和方法如下：
|
parentNode |
返回当前节点的父节点 |
|
previousSibling |
返回当前节点的前一个兄弟节点 |
|
nextSibling |
返回当前节点的后一个兄弟节点 |
|
childNodes |
返回当前节点的所有子节点 |
|
firstChild |
返回当前节点的第一个子节点 |
|
lastChild |
返回当前节点的最后一个子节点 |
|
getElementsByTagName(tagName) |
返回当前节点的具有指定标签名的所有子节点 |
DOM访问表单控件的常用属性和方法如下：
|
action |
返回该表单的提交地址 |
|
elements |
返回表单内全部表单控件所组成的数组，通过数组可以访问表单内的任何表单控件。 |
|
length |
返回表单内表单域的个数 |
|
method |
返回表单内的method属性，主要有get和post两个值 |
|
target |
确定提交表单时的结果窗口，主要有_self、_blank、_top等 |
|
reset()、submit() |
重置表单和确定表单方法 |
在elments返回的数组中访问具体的表单控件语法如下：
|
.elements[index] |
返回该表单中第index个表单控件 |
|
.elements[elementName] |
返回表单内id或name为elementName的表单控件 |
|
.elementName |
返回表单内id或name为elementName的表单控件 |