js API

节点层级

子节点获取父节点: ele.parentNode
父节点获取子节点: ele.childNodes/ele.children/ele.firstElementChild/ele.lastElementChild
获取上一兄弟节点: ele.nextElementSibling
获取下一兄弟节点: ele.preElementSibling

动态创建追加元素

创建元素: document.createElement('标签名')
追加元素: ele(父).appendChild
移除元素: ele(父).removeChild
插入元素: ele(父).insertBefore(新节点,旧节点)
替换元素: ele(父).replaceChild(新节点,旧节点)
克隆元素: ele.cloneNode(true或false);  返回一份新的克隆后的元素

element.scrollIntoView() 滚动元素的父容器 使被调用的元素对用户可见

参数:
alignTop[布尔值]: 元素的顶端和其所在滚动区可视区域的顶端对齐
scrollIntoViewOptions[对象]:
behavior: 定义动画的国度效果 'auto'(默认) 'smooth' 
block:定义垂直方向的对齐 'start' 'center' 'nearest'
inline: 水平方向的对齐 'start' 'center' 'end' 'nearest'

activeElement 当前获取光标的元素 document.activeElement.tagName 获取光标元素的标签名