常用的web方法 web API(二)

在上一篇《常用的web方法 web API(一)》中我们学习了：绑定事件的几种方式、解绑事件的几种方式、创建元素的几种方式、获取节点的几种方式本篇我们将继续学习：轮播图的js方法、offset系列相关属性、scroll系列属性、client系列以及获取元素计算后的样式属性值。好了，接下来我们接着学习：

五、轮播图

1.轮播图--无缝连接图

//把ul中第一个li复制一个,追加到ul中所有的li的最后

ulObj.appendChild(ulObj.children[0].cloneNode(true));

六、offset系列相关属性

注：

当一个js文件中的元素想要获取style中的属性，不能获取，因为style可以单独放在一个外部文件中，Js元素是无法从一个外部文件中获取属性的：

此时，只能用以下方式获取；

1.console.log(my$("dv1").offsetWidth);

获取元素的宽度，包含边框，padding的值

2.console.log(my$("dv1").offsetHeight);

获取元素的高度(有边框)

3.console.log(my$("dv1").offsetLeft);

获取的是元素距离左边位置的值(子元素脱标,父级元素没有脱标,父级元素     的margin和padding和border这些和子级元素的left没有关系)

如果父元素和子元素都没有脱离文档流的情况下:

offsetLeft:父级元素的margin+父级元素的padding+父级元素的border+子   级元素的margin

4.console.log(my$("dv1").offsetTop);（没有脱离文档流）

父级元素的m