摘要:
我们可以写一个让小方块运动的函数: 1 div#demo { 2 width: 100px; 3 height: 100; 4 position: absolute; 5 left: 0; 6 top: 0; 7 } 8 9 10 var div = document.getElementById( 阅读全文
摘要:
查询计算样式
window上面有一个方法叫做getComputedStyle可以来获取元素的计算样式,也就是css样式。
1 window.getComputedStyle(ele. null);
JavaScript; “复制代码”); “查看纯文本代码”); “返回代码高亮”)
这里的样式是取优先级最高的,不只是行间样式,所有的只要是表现出来的样式都可以获取出来。
同时,返回的计算样式的值都是绝对值,没有相对单位。
我们写的">这个方法有两个参数,第一个参数是我们要获取的元素。
第二个参数是一个字符串,代表我们是否要获取这个元素上面的某一个伪元素,如果不的话,就填写null,否则就填写要获取的这个元素的哪一个伪元素。
1 div:after{
2 width: 100px;
3 height; 100px;
4 background-color: red;
5 }
6 window.getComputedStyle(div, ‘after’).width= 100px; 阅读全文
摘要:
每一个dom元素都有一个属性style,dom.style里面存放的这个元素的行间样式,我们可以通过这个属性来读写元素的行间样式。
注意:
1.我们碰到float这样的关键字属性的时候,前面要加一个css前缀。
float—>cssFloat
2.复合属性必须拆解
border: 1px solid red;
这种属性是不允许出现的,只能写border-width、border-color、border-style。
3.当css中的样式是用“-”连接起来的时候,我们要变成小驼峰式写法。
background-color —> backgroundColor;
这个属性只能读写行间样式,我们写在css的样式是不能获取的,因此我们通过这个属性加样式的时候要 阅读全文