Web 前端开发

DOM

2018-01-03  本文已影响0人  梨啊梨

DOM是针对HTML和XML文档的一个API。DOM描绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。

节点层次

Node类型

每个节点都有一个nodeType属性。

 1. nodeName和nodeValue

这两个值分别返回节点的名称和值,value值始终为null?

2. 主要阐述了childNodes、parentNode属性,似乎用jQuery方便很多

3. appendChild、firstChild、lastChild、insertBefore、replaceChild、removeChild

Document类型

document表示整个文档,表示整个HTML页面。通过这个文档对象,不仅可以获取与页面有关的信息,还能操作页面的外观和底层结构。

1. 文档的子节点

最常用的无疑是body了。

                var body=document.body 来获取<body>的引用

2. 文档信息

document.title: 获取或设置网页title属性

document.URL: 获取包含页面的完整的URL

document.domain: 获取包含页面的域名

document.referrer:获取保存着链接到当前页面的那个页面的URL,没有来源页面的情况下,返回的是空字符串。

如果domain属性设置为相同的值,则可以互相访问对方包含的JavaScript对象。

3. 查找元素

getElementById:要是有多个元素id相同,则只返回第一个id元素。在IE7和之前的版本,如果一个元素的name值也是id值,那么这个元素也会被返回。

getElementsByTagName

getElementsByClassName

4. 文档写入

document对象的 write()和writeln方法:都是些人内容,后者有换行。

在XHTML严格模式下,不支持此方法

比如:类似添加标签

Element类型

1. HTML元素

其他的(id、title、lang、chass)很简单,介绍下dir吧

dir:语言的方向,ltr(left-to-right从左到右),rtl(反之)

2. 取得特性

getAttribute()、setAttribute()和removAttribute()就是JQuery中的attr()方法。

获取元素的属性,包括自定义属性,参数是属性名就行

3. 创建元素

createElement

Text类型

1. 创建文本

createTextNode():创建文本节点

标准的插入p元素,并且p元素里有文本内容

normalize():将同一元素下的同辈文本内容合并。

splitText():将指定文本分割

上一篇下一篇

猜你喜欢

热点阅读