WEBAPI-日期对象, DOM节点

日期对象

实例化

ECMAScript 中内置了获取系统时间的对象 Date，使用 Date 时与之前学习的内置对象 console 和 Math 不同，它需要借助 new 关键字才能使用

常见的日期对象 

const re=n.getFullYear() //获取年份

const re=n.getMonth()+1//获取月份 月份要加1

const re =n.getDate ()//获取日期

const re=n.getDay() //获取星期

const re =n.getHours()//获取小时

const re=n.getMinutes()//获取分钟

const re =n.getSeconds()//获取秒数

 显示格式化时间

时间戳

获得时间戳

   获取时间戳 getTime()

  const re= date.getTime()

    2.+new Date

   const re= +new Date()

    3.Date.now()

倒计时案例 

  
  
  
  
  



  

    
今天是2222年2月22日
    
下班倒计时
    

      00
      :
      25
      :
      20
    
    
18:30:00下课
  
  

DOM节点 

查找节点

 查找父节点

 元素.parentNode

  
  
  
  


  

    
段落
    
标题
    111
  
    
  

 查找子节点

元素.childNodes  所有的儿子 包括空格

元素.children  所有的元素子节点

  
  
  
  


  

  
段落
  
标题
  111

查找兄弟关系 

  上一个元素兄弟

     span.previousElementSibling

下一个元素兄弟

    span.nextElementSibling

  
  
  
  


  

    
段落
    
标题
    111
    1111
  
  

创建节点 

createElement()

追加节点

1. 追加节点 插入到父元素的最后一个子元素

      父元素.appendChild(需要添加的子元素)

2.  插入节点

      父.appendChild(新的.旧的)

  
  
  
  


  
  

    
123
  
  

克隆节点 

克隆谁,先找到谁

    克隆   元素.cloneNode(true)//克隆元素以及所以子节点 //false克隆本身

默认值为 false

  
  
  
  


  
  

    
    
标题

  

删除节点

删除元素 :父.removeChild(子)

移动元素 

M端事件 

移动端事件

 案例

重绘和回流

重绘不一定会影响回流,回流一定会影响重绘

页面发生改变  回流