生成浮动层的接口知识总结

核心提示： 以上代码要注意的地方如下：1.以上我们先createElement一个DIV元素，然后设置它的一些如id、className、left、top、height、width、opacity、borderColor等属性，生成浮动层的接口知识总结(2)，再设置它的innerHTML，最后返回这个DIV

以上代码要注意的地方如下：

1.　　　　以上我们先createElement一个DIV元素，然后设置它的一些如id、className、left、top、height、width、opacity、borderColor等属性。再设置它的innerHTML。最后返回这个DIV元素。其实，我们也可以不createElement一个DIV元素再设置它的属性的方法，而是直接用构造html的方法来生成div，一些需要传入的参数只把写在相应的地方用参数来替换就行了。就像设置它的innerHTML时用的方法一样。其实，不管是用createElement一个DIV元素的方法，还是构造HTML的方法，两种方法的实现效果是一样的。当然，如果createElement较好实现并且需要对这个生成的元素进行额外的处理的话，用这种方法比较好，且在它生成元素后，常与appendChild一起使用，把生成的元素加载到另一个元素中，如DIV元素中进行显示的控制。而用构造HTML方法的话，更多的是用于显示，并不需要对生成的元素进行额外的处理。

2.　　　　　 以上代码中：

//floatdiv.style.left=floatLyrPro.left?floatLyrPro.left:"0px";

floatdiv.style.left = floatLyrPro.left||"0px";

的写法是一样的，我们常用第二种方式的写法，这在当传入的参数为对象时，用于判断对象的属性是否存在的处理很常用。

3.　　　　　 注意什么时候是传floatdiv，什么时候是传floatdiv.id如：

document.getElementById(\''+floatdiv.id+'\')

这里显然不能传floatdiv，因为floatdiv是一个obj，如果外面再嵌一个document.getElementById就有问题了，这时候应该传的是floatdiv.id，这点容易写错。

4.　　　　　 对于Element.move()方法，就是拖运DIV，读者可以自行参考这方面的资料，有空再做个整理。