今天讲的事 javascript中的DOM
神马是dom dom就是document object model 的简称 翻译成中文就是 文档对象模型
为神马要叫做文档对象模型呢?
dom可以将标记型(html xml)文档转换为对象
可以讲标记型文档的每一个标记都转换为对象
将文档或者是标记封装成对象后,对象可以有更多的属性和方法操作文档
dom三层模型
1、对html的操作
2、对xml的封装
3、对xm的操作
节点的概念
在dom的结构图中我们可以看到有元素节点构成
每一个html 元素都是一个节点
节点可以分为文本节点 元素节点 属性节点
html简介
DHTML简介
1.DHTML 就是动态的html是多个技术的综合
html 封装数据对象
css对数据对象进行修饰
dom对数据对象进行操作 提供对红素具对象访问的方法
javascrpt实现对对象的灵活性操作 是 “粘合剂”
BOM的概念
BOM 是brower object mdel 窗口对象模型
dom房屋内的几种方法
1.ducument.getElementById("对象id") 独立访问某一个对象的时候使用
2.document.getElementByName("对象name")返回一个对象数组
3docment.getElementByTagName("标签名称") 返回的也是一个对象数组
om 访问的几种方法
1、document.getElementById("对象的id"); id=""
独立访问某一个对象的时候使用
2、document.getElementsByName("对象的name"); name=""
返回的是一个对象数组(节点的列表)
3、document.getElementsByTagName("标签名称"); a p span div
返回的也是一个对象数组
如何使用Dom获取网页中所有的对象呢?
我们使用document.all (获取网页中所有的对象)
注意:
1、在获取网页所有的对象时,第一个节点会获取一个 "!" 它是网页的w3c规范声明
2、在获取table对象的时候,我们会获取到一个tbody节点,它是属于表格的。
我们可以使用document.all.id 获取指定id的对象
但是注意 ,如果我们获取的id有多个对象,则返回的是一个节点列表
可以通过document.all(下标)的方式获取指定网页对象