BOM和DOM

window对象是BOM提供的核心全局对象

定义的全局变量和函数相当与window对象的属性和方法，window可以省略

open()打开某个链接

close()关闭

window.open(“http://www.baidu.com”)默认新页面打开

alert 提示框，只有确认

confirm 确认框，可以确认也可以取消

js定时器

1. 重复执行定时器setInterval:每隔多长时间执行一次

2. 延迟执行定时器setTimeout：只执行一次

两个参数：

函数体：要执行的代码

毫秒数：间隔的时间|延迟的时间

DOM赋予了操作页面的能力

获取元素节点的方式：

1.document.getElementById(“id属性值”)

​ 获取到页面中某一个元素节点

2.主语.getElementsByClassName(“Class属性值”)

​ 通过元素Class属性值获取到一个或多个元素节点

​ 主语：document|元素节点，主语为document在整个文档中找，主语为ul节点，在ul中找

3.主语.getElementsByTagName(“标签名”)

​ 通过元素的标签名获取到一个或一组元素

4.document.getElementsByName(“通过Name属性值”)

​ 一般在表单元素身上会有name属性，name属性的作用为后台区分前台元素的唯一，如果没有Name，表单元素没有提交数据的能力

创建节点

1.doucument.createElement(“元素名”)创建元素节点 主语只能为document

2.document.createTextNode(“文本”) 创建文本节点

//第一种
var text=document.createTextNode("咸鱼翻身");
p.appendChild(text);
div.appendChild(p);
//第二种
p.innerHTML="比你聪明的人还都在努力,有什么资格不努力"
div.appendChild(p);
//第三种
div.innerHTML="<p>比你聪明的人都还在努力，有什么资格不努力</p>"

插入节点

1.父节点.appendChild(字节点)

字节点追加到父节点中的最后位置

2.父节点.appendChild(子节点)

字节点追加到父节点中的最后位置

3.父节点.insertBefore(节点1,节点2)

​ 节点1:新节点

​ 节点2:参照节点

​ 返回插入的节点

​ 必须有两个参数

​ 第二个参数为null，undefined都相当于追加，作用与appendCild相同

间接查找节点

childNodes//返回元素的一个字节点的数据
firstChild//返回元素的第一个字节点
lastChild//返回元素的最后一个子节点
nextSibling//返回元素的下一个兄弟节点
parentNode//返回元素的父节点
previousSibling//返回元素的上一个兄弟节点

获取元素节点标签对中的值

删除节点