menu
more_vert

读书笔记 - js高级程序设计 - 第十一章 DOM扩展

作者:dayu

3 head 属性
var head = document.head || document.getElementByTagName("head")[0] ;
字符集属性
document.charset = "UTF-8" ;
自定义数据属性
要以 data-开头 比如
<divdata-appId="123" data-myname="jeff" ></div>
取得自定义属性
var appId = div.dataset.appId ;
设置值
div.dataset.appId = "4" ;
innerHTML
返回调用它的元素的子节点标签
outerHTML
outerHTML 返回调用它的元素及所有子节点的HTML标签
inserAdjacentHTML方法
element.insertAdjacentHTML("beforebegin", <p>);
beforebegin
afterbegin
beforeend
afterend
内存和性能问题
innerHTML 比多次操作DOM强
但innterHTML也不要操作太多次
scrollIntoView
可在所有HTML元素上调用,通过滚动浏览器窗口或某个容器元素 调用元素就可以出现在视口中
如果传 true, 或者不传参,那么窗口滚动之后 会让调用元素的顶部与视口顶部尽可能平齐
如果传 false 调用元素会尽可能全部出现在视口中,不过项部不一定平齐

别的方法: 为某个元素设置焦点,也会导致浏览器滚动 并显示出获得焦点的元素
children属性

contains方法

滚动 scrollIntoViewIfNeeded
scrollByLines
scrollByPages


读书笔记 - js高级程序设计 - 第十一章 DOM扩展

原文地址:http://www.cnblogs.com/jason-beijing/p/7246495.html