Web APIs第三天

DOM节点

节点类型

1. 元素节点
2. 属性节点
3. 文本节点

查找节点

1. 父节点查找

   parentNode属性

   返回最近一级的父节点 找不到返回为null

   语法：子元素.parentNode

2. 子节点查找

   childNodes：获得所有子节点、包括文本节点（空格、换行）、注释节点等

   children （重点）

   仅获得所有党的元素节点

   返回的还是一个伪数组

   语法：父元素.children

3. 兄弟节点

   1. 下一个兄弟节点

      nextElementSibling 属性

   2. 上一个兄弟节点 previousElementSibling 属性

增加节点

1. 创建节点

   即创造出一个新的网页元素，再添加到网页内，一般先创建节点，然后插入节点 创建元素节点方法：document.createElement('标签名')；

   创建文本节点：document.createTextNode('文本')

2. 追加节点

   //插入到这个父元素的最后

   **父元素.appendChild(要插入的元素)；**一个标签

   //插入到父元素中的某个子元素的前面

   **父元素.append(要插入的元素)；**多个标签

   父元素.insertBefore(要插入的元素，在哪个元素前面)

3. 增加节点

   复制一个原有的节点 把复制的节点放入到指定的元素内部

   //克隆一个已有的元素节点

   语法：元素.cloneNode(布尔值)

   cloneNode会克隆出一个跟原标签一样的元素，括号内传入布尔值 若为true，则代表克隆时会包含后代节点一起克隆--深拷贝 若为false，则代表克隆时不包含后代节点--浅拷贝 默认为false

4. 删除节点

   若一个节点在页面中已不需要时，可以删除它 在 JavaScript 原生DOM操作中，要删除元素必须通过父元素删除 语法：父元素.removeChild(要删除的元素);

   删除自身语法：自己.remove()

时间对象

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

实例化

获得当前时间

语法：let date = new Date()

获得指定时间

语法：let date = new Date('1949-10-01');

时间对象方法

getFullYear() 获得年份 获得四位年份

getMonth() 获得月份 取值0~11

getDate() 获取月份中的每一天 不同月份取值也不相同

getDay() 获得星期 取值为0~6

getHours() 获得的小时 取值0~23

getMinutes() 获得分钟 取值0~59

getSeconds() 获得秒 取值0~59

时间戳

是指1970年01月01日00时00分00秒起至现在的毫秒数，它是一种特殊的计量时间的方式

三种获取时间戳的方式

第一：使用 getTime() 方法

如：//1.实例化 let date = new Date();//2.获取时间戳 console.log(+new Date());

第二：简写 +new Date()

如：console.log(+new Date());

第三：使用Date.now()

如：console.log(Date.now());

​ 无需实例化 ​ 但是只能得到当前的时间戳， 而前面两种可以返回指定时间的时间戳