摘要: 我们可以写一个让小方块运动的函数: 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( 阅读全文
posted @ 2018-12-06 23:26 Panda-Q 阅读(269) 评论(0) 推荐(0) 编辑
摘要: 查询计算样式 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; 阅读全文
posted @ 2018-12-06 23:22 Panda-Q 阅读(209) 评论(0) 推荐(1) 编辑
摘要: 每一个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的样式是不能获取的,因此我们通过这个属性加样式的时候要 阅读全文
posted @ 2018-12-06 23:01 Panda-Q 阅读(341) 评论(0) 推荐(0) 编辑