day03---Dom节点操作以及时间对象

什么是节点？
DOM树里每一个内容都称之为节点
元素节点 • 所有的标签 比如 body、 div
属性节点 • 所有的属性 比如 href
文本节点 • 所有的文本

查找节点
节点关系：
Ø 父节点---父节点查找：parentNode 属性
Ø 子节点---子节点查找：children （重点）
获得所有元素节点
返回的还是一个伪数组
childNodes ：获得所有子节点、包括文本节点（空格、换行）、注释节点等
Ø 兄弟节点
兄弟关系查找： 下一个兄弟节点 nextElementSibling 属性 上一个兄弟节点 previousElementSibling 属性

增加节点：
创建元素节点方法：document.creatElement('标签名')

追加节点： 创建的节点要想在界面看到，还得插入到某个父元素中
插入到父元素的最后一个子元素：父元素.appendChild(要插入的元素)
插入到父元素中某个子元素的前面：父元素.inserBefore（要插入的元素,在哪个元素前面）

克隆节点
复制一个原有的节点
把复制的节点放入到指定的元素内部
元素.cloneNode（布尔值）
cloneNode会克隆出一个跟原标签一样的元素，括号内传入布尔值
若为true，则代表克隆时会包含后代节点一起克隆
若为false，则代表克隆时不包含后代节点
默认为false

删除节点
要删除元素必须通过父元素删除
语法：
父元素.removeChild(要删除的元素)
如不存在父子关系则删除不成功
删除节点和隐藏节点（display:none） 有区别的： 隐藏节点还是存在的，但是删除，则从html中删除节点。

时间对象：
时间对象：用来表示时间的对象
作用：可以得到当前系统时间

创建时间对象
获取当前时间：
let date = new Date()
获取指定时间：
let date = new Date(‘1970-01-01’)

时间对象方法：
getFullYear() 获得年份 获取四位年份
getMonth() 获得月份 取值为 0 ~ 11
getDate() 获取月份中的每一天 不同月份取值也不相同
getDay() 获取星期 取值为 0 ~ 6
getHours() 获取小时 取值为 0 ~ 23
getMinutes() 获取分钟 取值为 0 ~ 59
getSeconds() 获取秒 取值为 0 ~ 59

时间戳：
什么是时间戳 ：1970年01月01日00时00分00秒起至现在的毫秒数，它是一种特殊的计量时间的方式
三种方式获取时间戳

1. 使用 getTime() 方法
2. 简写 +new Date()
3. 使用 Date.now()缺点：只能得到当前的时间戳， 而前面两种可以返回指定时间的时间戳