html+css+js 更换div位置

2021-02-02 05:15

阅读：434

YPE html>

标签：getc sharp port 效果 tle function margin dev ref

前言：
主要用 getComputedStyle() 来获得元素的最终样式，element.style 获得的样式只能是内联样式，像是 style标签内的就取不到。

兼容性：
在 Chrome 和 Firefox 是支持该属性的，同时 IE 9 10 11 也是支持相同的特性的，IE 8并不支持这个特性。 IE 8 支持的是 element.currentStyle 这个属性，这个属性返回的值和 getComputedStyle 的返回基本一致，只是在 float 的支持上，IE 8 支持的是 styleFloat,这点需要注意。

代码：

Document
		我是一号,和原来的三号换了位置,top值=10（margin-top）+2（border-width*2）+21(box.width)）*2px
		我是二号,和原来的一号换了位置，top值=-（10（margin-top）+2（border-width*2）+21(box.width)）px
		我是三号,和原来的二号换了位置，top值=-（10（margin-top）+2（border-width*2）+21(box.width)）px
	
	
		

	偏门知识：
	window.getComputedStyle() 方法的使用

效果图：
技术图片