DOM对HTML元素访问操作

1、什么是DOM?

DOM是文档对象模型(Document Object Model)的简称。当网页加载时,可以将结构化文档在内存中转换成对象的树。 以下是一个HTML DOM树:

简单的说DOM并不是一种技术,而是访问结构化文档的一种思想。借助DOM模型,我们可以对DOM树进行修改、删除、新增等操作,让结构化文档动态化。

2、DOM节点

DOM模型中的节点--文档可以说是由节点构成的集合。在DOM模型中有以下三种节点:
元素节点:各种标签就是这些元素节点的名称,例如<p>、<ul>等
文本节点:文本节点总是被包含在元素节点的内部
属性节点:一般用来修饰元素节点就称之为属性节点。
示例:
<a title="JS" herf="https://www.baidu.com">百度一下</a>

3、DOM访问HTML元素

a、根据ID访问HTML元素---通过document对象调用getElementById()方法来查找具有唯一id属性值的元素。
b、利用节点关系访问HTML元素。常用的属性和方法如下:
parentNode返回当前节点的父节点
previousSibling返回当前节点的前一个兄弟节点
nextSibling返回当前节点的后一个兄弟节点
childNodes返回当前节点的所有子节点
firstChild返回当前节点的第一个子节点
lastChhild返回当前节点的最后一个子节点
getElementsByTagName(tagName)返回当前节点的具有指定标签名的所有子节点

c、DOM访问表单控件的常用属性和方法如下:
action返回该表单的提交地址
elements返回表单内全部表单控件所组成的数组,通过数组可以访问表单内的任何表单操作
length返回表单内表单域的个数
method返回表单内的method属性,主要有get和post两个值
target确认提交表单时的结果窗口,主要有self、blank、_top等
reset()、submit()重置表单和确定表单方法
d、在elements返回的数组中访问具体的表单控件语法如下:
.elements[index]返回该表单中第index个表单空间
.elements[elementName]返回表单内id或name为elementName的表单控件
.elementName返回表单内id或name为elementName的表单控件 


返回表单内id或name为elementName的表单控件
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值