排他思想

先干掉所有人，在复活我自己
先找到高亮的元素，移除到类名，在给当前添加高亮类名

微信截图_20220501173059.png

节点

节点是DOM树的任意内容包括：1.标签节点 2.属性节点 3.文本节点
获取

微信截图_20220501173405.png

微信截图_20220501174002.png

childNodes会获取元素+文本+注释节点
兄弟节点
上个兄弟 previousElementSibling 属性
下个兄弟 nextElementSibling 属性

创建
document.createElement('标签名')
在内存中，是看不到，需要添加节点
添加
appendChild 添加父节点的里面的最后面
insertBefore 添加到指定位置的前面

微信截图_20220501174100.png

删除
父节点.removeChild(要删除的元素)
必须是父节点 来调用该方法

微信截图_20220501174448.png

克隆
元素.cloneNode(参数)
参数是 布尔值
true 克隆节点自身 + 克隆后代节点 常用
false 只会克隆节点自身 默认值

微信截图_20220501174822.png

时间对象

创建时间对象
new Date() 当前的时间
new Date(’年月日‘) 指定的时间

时间对象的方法
年 getFullYear()
月 getMonth()结果上 + 1
日 getDate()
时 getHours()
分 getMinutes()
秒 getSeconds()
星期几 getDay() 结果是 0到6 0表示星期日 6表示星期六

微信截图_20220501174615.png

时间戳
new Date().getTime()
+new Date() 简单 实用 常用
Date.now() 只能获取到当前时间的时间戳

微信截图_20220501174638.png

综合案例的小知识点

字符串
字符的数量 通过？ 可以获取到
？() 去除字符的首尾空格
时间对象 ？() 可以得到本地化时间格式
querySelectorAll 和 querySelector的写法
document.querySelector() 从页面中来查找获取元素
元素.querySelector() 从元素中来查找