1、读取Element的innerHTML属性作为字符串标记返回那个元素的内容。
2、当设置元素的outerHTML时,元素本身被新的内容所替换。只有Element节点定义了outerHTML属性,Document节点则无。
3、insertAdjacentHTML()方法将任意的HTML标记字符串插入到指定的元素相邻的位置,位置是第一个参数,HTML是第二个参数。
4、在文本中插入纯文本的标准方法是Node的textContent属性,该属性在IE9+支持,微软的innerText属性类似,火狐在2016.3已支持。
5、每个节点有一个cloneNode()方法来返回该节点的一个全新副本。给方法传递参数true也能递归的复制所有后代节点,false执行一个浅复制。
6、appendChild()是在需要插入的Element节点上调用的,它插入指定的节点使其成为那个节点的最后一个子节点。
7、insertBefore()类似于appendChild(),第一个参数是待插入的节点,第二个参数是已存在的节点。该方法在新节点的父节点上调用。第二个参数为null时类似于appendChild()。
8、如果调用appendChild()或insertBefore()将已存在文档中的一个节点再次插入,那个节点将自动从当前位置删除并在新的位置重新插入。没有必要显式删除该节点。
9、removeChild()方法是从文档树中删除一个节点。该方法不是在待删除的节点上调用,而是在其父节点调用。
10、DocumentFragment是一种特殊的Node,它作为其他节点的一个临时的容器。
11、获得浏览器窗口的滚动条的位置:Window对象的pageXOffset和pageYOffset属性在所有浏览器可用,除IE8及-。IE可以通过scrollLeft和scrollTop属性来获得滚动条位置,正常模式下通过document.documentElement获得,怪异模式下通过document.body获得。
12、判定一个元素的尺寸和位置最简单的方法是调用它的getBoundingClientRect()方法。
13、判定元素在某点可以用Document对象的elementFromPoint()方法,传递X、Y坐标返回指定位置的一个元素。典型的案例是将鼠标指针的坐标传递给它来判定鼠标在哪个元素上,但是,鼠标事件对象已经在target属性中包含了这些信息,所以该方法不常用。
14、对HTML元素调用scrollIntoView()方法使元素滚动到视口可见。与设置window.location.hash为一个命名锚点的名字后行为类似。
15、任何HTML元素的只读属性offsetWidth和offsetHeight以CSS像素返回它的屏幕尺寸。offsetLeft和offsetTop返回X、Y文档坐标。
16、clientWidth和clientHeight类似offsetWidth和offsetHeight,不同的是它们不包含边框大小。也不包含滚动条。
17、scrollLeft和scrollTop指定元素的滚动条位置,它们可写,通过设置它们实现页面滚动。scrollWidth和scrollHeight是元素的内容区域加上它们的内边距再加上任何溢出内容的尺寸。