js-权威指南学习笔记15.2

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是元素的内容区域加上它们的内边距再加上任何溢出内容的尺寸。