JavaScript基本操作

1.什么是DOM
DOM是文档对象模型的简称,它的基本思想是把结构化的文档解析成一系列的节点,再由这些节点组成一个树状的结构。所有节点的最终的树状结构,都有规范的对外接口,以达到使用编程语言操作文档的目的,所以,DOM可以理解成文档的结成变口。
严格的说,DOM不属于JavaScript,但是操作DOM是JavaScript最常见的任务,而JavaScript也是最常使用于DOM操作的语言。

2.节点
DOM的最小组成单位叫做节点,一个文档的树形结构就是各种不同类型的节点组成的。
六种主要节点如下:
1.Document 文档节点 整个文档(window.document)
2.DocumentType 文档类型节点 文档的类型
3.Element 元素节点 HTML 元素(比如<head>、<body>等)
4.Attribute 属性节点 HTML 元素的属性(比如 class="right")
5.Text 文本节点 HTML 文档中出现的文本
6.DocumentFragment 文档碎片节点 文档的片段

3.选取文档元素
1.通过ID:document.getElementById("idName")
2.通过名字或者标签名:getElementsByName() 方法或者 getElementsByTagName() 方法找到元素,不过如果有多个
3.查询和设置元素的属性:getAttribute(),setAttribute()
4.父亲节点:通过parentNode()方法可以对当前节点的父节点进行操作
5.创建和插入节点:createElement(),appendChild()
通过createElement()方法创建节点
通过appendElement()方法插入节点
6.节点的删除:removeChild()

posted @ 2018-02-02 20:22  寒枝将息  阅读(122)  评论(0编辑  收藏  举报