1.对于htmlElement对象,appendChild与insertBefore都会删除原有的节点,然后再增加该节点到指定的位置。实际上是一种【移动】节点的操作。不需要显示removeChild再appendChild。表格按列排序中我们会经常是用到。

2.对于htmlElement对象,所有的属性都是实时性的。上次的随笔中提到的property与attribuite的区别,实际上property就是htmlElement上的属性,是实时,会自己调节变化的,用来反应当前面的实时状态。

3.获取元素相对于viewport的位置: getBoundingClentRect() 返回{top,right,left,bottom},非ie浏览器还会实现width与height在里面。返回的数据包括padding与border,不含有margin。使用这个方法可以避开一些原始属性:offset,client,scroll开头的几个left,top,width,height。使用这些更原始的属性对浏览器兼容更好,但是工作起来不是非常可靠。

4.让屏幕滚动到指定元素的位置,不需要笨笨的获取top,right然后在scrollTo过去,只需要调用scrollIntoView()方法。

5.让滚动条滚动距离差值,scrollBy。