1216 DOM
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:麻烦板:给每一个按钮写一个方法来实现;