js操作css样式,null和undefined的区别?

2018-12-02 06:14:20来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

1.js操作css的样式

div.style.width="100px"在div标签内我们添加了一个style属性,并设定了width值。这种写法会给标签带来大量的style属性,跟实际项目不符。

我们没有让css和html分离

所以如果为了获取css样式

window.getComputedStyle()获取经过计算机计算所有的属性,就是渲染出来的都是经过计算的。

getComputedStyle()第一个参数是当前元素,第二个一般我们写null

并且这个方法是只读

Ie6-8不支持这个用法,ie的是用currentStyle

2.    try{

}catch(error){}不报错执行try里面的代码块,报错执行catch里面的代码块。

前提条件是报错,如果不是报错不能使用

var csss;

    try{

        csss=window.getComputedStyle(aa,null)

    }catch(e){

        csss=aa.currentStyle

    }

console.log(csss)

总结

  js解决兼容性的方法

  1.||

  var dd=document.documentElement.clientWidth||document.body.clientWidth

  2.if()else{}

 

if(window.getComputedStyle){

 

    csss=window.getComputedStyle(aa,null)

 

}else{

 

    csss=aa.currentStyle

 

}

 

console.log(csss)

  3.try{}catch(err){}

    必须在报错条件下,和if  else比较性能上比较差,不在万不得已的情况下不适用

只读 可写

只读:只能获取不能修改

可写:可以修改的

null和undefined的区别

null和undefined都表示没有值

null是这个东西是天生存在的但是没赋值

如果我们需要清楚浏览器变量的内存需要赋值null

比如

var aa=document.getElementById("aa")

 

console.log(aa.parentNode.parentNode.parentNode.parentNode) null

Undefined 这个对象压根就不存在的是人为定义并且没赋值

1. var a;undefined

2.div.aa undefined

元素节点的树状图

document>documentelement>body>tagName

offsetLeft/offset 结合运动

滚动轮播

 

 

    

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:js判断值是否是数字

下一篇:解决js计算 小数加减乘除失真的功能函数