初识JavaScript DOM
来源:互联网 发布:施工软件哪个好 编辑:程序博客网 时间:2024/06/16 00:26
JavaScript DOM
D代表“Document”, 文档 , 它将网页文档转换为文档对象。 由“文档”引入“对象”
O代表“Object” , 对象 , 即一种自足的数据集合。
对象分为三种类型
- 用户定义对象:用户自行创建。
- 内建对象:内嵌于JavaScript中的对象 , 如Array,Math,Data等。
- 宿主对象:浏览器提供的对象。
宿主对象提供了window.open和window.blur等方法 , 以前的版本基本够用。现在需要深入了解的是document对象的属性和方法。
M代表“Model” , 即模型 , 浏览器提供了这个模型 , 我们则要通过JavaScript来读取这个地图甚至改造这个地图。
文档对象可以看做一个“家谱树”
至少为一个父亲(parent),和为它的子元素且互为兄弟。
这时则诞生出了“节点”的概念
- 元素节点:文档对象中的各个元素,如body,p等等。
- 文本节点:位于p标签中或其他形式存在的文本。
- 属性节点:id,class赋予元素的属性。
属性声明
JavaScript中css样式表的声明及引用,class、id属性的构造。
获取元素
- getElementById
通过id返回一个对象,这个对象对应一个特定元素节点。(唯一元素) - getElementByTagName
返回对应标签的一组元素。 - getElementByClassName
返回一个类中的一组元素。
获取和设置属性
得到需要的元素后,我们就可以对相应元素的属性进行设置
- getAttribute
object.getAttribute(attribute) 用于获取object的属性值
eg:
var paras =document.getElementByTagName("p");//此前赋予p的name一个值 for(var i=0 ; i < paras.length ; i++){ alert(paras[i].getAttribute("title"));}
此处可以获取到之前设置的name值,并通过alert对话框弹出
阅读全文
0 0
- JavaScript DOM初识
- 初识JavaScript及DOM
- 初识JavaScript DOM
- 初识DOM
- DOM初识
- 初识HTML DOM
- 初识HTML DOM
- 黑马程序员-------初识DOM
- 初识HTML DOM
- DOM事件初识
- 初识虚拟DOM
- 初识javascript
- 初识JavaScript
- 初识JavaScript
- javaScript初识
- 初识Javascript
- Javascript初识
- 初识javascript
- eclipse项目转到as项目报错
- scala/idea/java
- poj 2406 Power Strings
- 01 Anykey登录界面
- 字符串关联度求解算法改进模型
- 初识JavaScript DOM
- response.setContentType()的作用及参数
- C++之善用PIMPL技巧
- 修复线上问题,引起新的bug-总结
- 关于郑渊洁的最后一段话
- Hadoop YARN常见问题以及解决方案
- Error building SqlSession.
- OpenCV图像处理(2)-空间变换,几何变换,阈值处理
- socket demo,实现同步异步通信