【DOM结点操作】

节点操作

本质上针对标签本身的增删查
有明确的亲戚关系的时候，使用查语法更加方便一些，针对的找亲戚返回的都是对象

查

父级：parentNode

子级：children
它是一个伪数组，如果要拿来操作的话需要用到遍历

兄弟：nextElementSibling：下一个兄弟
previousElementSibling：上一个兄弟

节点-增

创建新的节点：let result = document.createElement(标签名称)
追加节点：parent.appendChild(child)
parent.insertBofore(child, refChild) child表示要追加的孩 子节点，redChild表示在哪个元素之前增加
追加的节点可以是新创建的 也可以是页面上已经存在 (移动)

克隆-节点

模板元素.cloneNode(布尔值)		  false: 浅拷贝，true: 深拷贝
用于需要创建一个复杂的标签，前提: 页面上有一个模板节点

删除-节点

parent.removeChild(child)

日期对象

1.获取日期对象 new Date()
2.获取日期对象的一些方法：
getFullYear() //获取年份
getMonth() + 1 //获取月份，因为是从0开始的，所以获取月份需要加1
getDate() //获取日
getHours() //获取小时
getMinutes() //获取分钟
getSeconds() //获取秒

重绘和回流

回流：就是元素的尺寸、结构、布局等发生改变时，浏览器就会重新渲染部分或全部文档称为回流
重绘：如果元素的样式改变不会影响它在文档中的位置和文档布局时（比如：color,backgroun-color,outline等），称为重绘