- 焦点
- document.activeElement始终指向获取焦点的元素
var button = document.querySelector('button')
button.focus()
document.activeElement === button //true
- document.hasFocus()来确定文档是否获得了焦点
- documentReadyState 来表示当前文档加载状态
- dom上的自定义属性可以通过dom 的dataset属性来获取
- innerHTML 添加的style 是生效的,但是添加的script 是不会执行的
-
还有个outterHTML 这个会顺带返回调用的节点
Paste_Image.png - innerHTML效率要比多次操作DOM创建/添加节点的效率要高得多, 因为innerHTML/outterHTML时候,会创建一个浏览器级别的html解析器(C++),因为要比执行在js上个的解析器要快得多
- element.scrollIntoView(bool) 传入true或者不传的时候,窗口会滚动到元素与视口顶部平齐, false的时候会尽可能出现在视口中..
-
用innerText 是不会解析字符串中的dom节点文本
Paste_Image.png - 滚动
- ele.element.scrollIntoView(bool)
- ele.scrollIntoViewIfNeeded(bool) 只在元素在当前视图不可见的情况下才会滚动让其可见, 如果在视口中显示,则什么都不做
- document.body.scrollByLines/Pages(lineCount) 视图移动到指定定的行高/页面高度
