------------恢复内容开始------------
节点类型
通过noteType属性可以获取节点的类型
document的节点类型---9
标签的节点类型---1
属性的节点类型---2,getAttributeNode("属性"):获取元素的属性节点
文本的节点类型---3,元素的第一个子节点就是文本节点
节点名称
通过nodeName可以获取元素的节点名称。
document的节点名称---#document
标签的节点名称---大写的标签名
属性的节点名称---属性名
文本的节点名称---#text
节点值
通过nodeValue可以获取元素的节点的值。
document的节点值---null
标签的节点值---null
属性的节点值---属性值
文本的节点值---文本的内容
节点之间的关系
父子关系(嵌套关系)
并列关系(兄弟关系)
父节点--parentNode
父元素节点--parentElement
子节点--childNodes:标签节点、文本节点、注释节点 得到的是伪数组
子元素节点--children :标签节点
第一个子节点--firstChild:文本
第一个子元素节点--firstElementChild:第一个标签
最后一个子节点--lastChild:文本
最后一个子元素节点--lastElementChild: 最后一个标签
上一个子节点--previousSibling:文本
上一个子元素节点--previousElementSibling: 上一个标签
下一个子节点 --nextSibling:文本
下一个子元素节点--nextElementSibling: 下一个标签
insertBefore(插入内容,在谁之前插入)
方法可在已有的子节点前插入一个新的子节点。
创建元素的三种方式
1.document.write() 缺点;只能在body中添加元素
2.innerHTML
缺点:在同级下只能添加一种元素,多个会覆盖(但是可以解决,
如document.getElementById("box").innerText += " <h2>我是标题333</h2>")
3.document.createElement()
常和 父元素.appendChild(子元素) 给父元素末尾添加子元素
BOM的概念
Window对象是BOM的顶层对象
对话框
alert()
prompt()
confirm()
加载事件
onload事件(异步操作) 事件会在页面或图像加载完成后立即发生。
onload 通常用于 <body> 元素,在页面完全载入后(包括图片、css文件等等。)执行脚本代码。
Location对象
Navigator对象
History对象