js高级程序设计笔记19

DOM

1.焦点

var btn = document.getElementById('btn');
btn.focus();

document.activeElement == btn //true 焦点在btn上

document.hasFocus() //true 判断文档是否获得了焦点，用户与文档是否在交互

//文档刚加载完成时,activeElement默认指向body

2.自定义属性

<div id='div1' data-name='Nick'></div>
var name = div.dataset.name

3.scrollIntoView()

html5新增
document.form[0].scrollIntoView();//滚动到指定位置

//传入true 顶部与窗口持平;false 底部与窗口持平

3.children

与childNode类似，但只返回element

4.contains()

//判断一个节点是否是另一个节点的后代

document.documentElement.contains(document.body); //true

5.滚丁

//html5

scorllIntoViewIfNeed(alignCenter) //元素不可见时会滚动使当前元素可见

scrollByLines(lineCount) //参数可正可负，滚动指定的行数

scrollByPages(pageCount) //滚动指定的页面高度