29）

Posted 2021-01-23 xiaotaiyangye

1，JS操作css样式：

　　div.style.width="100px".在div标签内我们添加了一个style属性，幷设置了width；这种写法会给标签带来大量的style属性，跟实际项目是不等的。

　　window.getComPutedStyle（）获取经过计算机的所有属性，就是只要渲染出来的都是经过计算的

　　getComPutedStyle（）　　

　　第一个参数是当前元素，第二个我们一般写null（并且这个是只读）

　　ie6-8，不支持这个用法；ie用的是currentStyle

2，try{ }catch error{ }

　　不报错执行try里面的代码块；报错执行catch里面的代码块；前提条件是报错；不报错不能用

　　var css；

　　try{

　　　　css=window.getComPutedStyle（aa，null）　　

　　}catch （error）{

　　　　css=aa.currentStyle

　　}

JS兼容性的写法——

　　1，||

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

　　2，if{ } else { }

　　　　if（window.getComPutedStyle）{

　　　　　　css=window.getComPutedStyle(aa,null)

　　　　}else{

　　　　　　css=aa.currentStyle

　　　　}

　　　　console.log(css)

　　3，try{ }catch error{ }

　　　　try{

　　　　　　css=window.getComPutedStyle（aa，null）　　

　　　　}catch （error）{

　　　　　　css=aa.currentStyle

　　　　}

只读；可写：

　　只读，只能获取不能修改；　　可写：可以修改的

null和undefined都表示没有值：

　　null，这个东西天生存在的，但是没有给值（如果我们需要清除浏览器的变量的内存需要赋值null）

　　　　var aa=document.getElementById("aa")

　　　　console.log(caa.parentNode.parentNode.parentNode)　　//null

　　undefined，这个东西压根就不存在的，人为定义的且没有赋值

　　　　var a;　　　//undefined

　　　　div.aa　　　//undefined

元素节点树状图：

　　document--documEntelement--body--TagName