zoukankan      html  css  js  c++  java
  • 1113Js操作CSS样式

    1.Js操作css样式

    Div.style.width=”100px”.div标签内我们添加了一个style属性,并设定

    width值。这种写法会给标签带来大量的style属性,跟实际项目是不符。

    我们没有让csshtml分离。

    所以如果是为了获取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比较性能上比较差,不在万不得以的情况下不使用

    只读 可写

    只读: 只能获取不能修改

    可写:可以修改的

    Nullundefined的区别

    Nullundefined都表示没有值

    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/offsetTop 结合运动

    滚动轮播

     

     

  • 相关阅读:
    先不说 console,其实你连 console.log 都不会
    2019 年终总结 & 2020 年度计划
    将毫秒格式化为天、小时、分钟、秒
    山村老事
    快速更改对象中的字段名
    基于 ECharts 封装甘特图并实现自动滚屏
    JS 将数值取整为10的倍数
    Flutter 徐徐图之(一)—— 从搭建开发环境到 Hello World
    Vue-Cli 3.x 创建的项目中对 import 引入的 CSS 样式启用 autoprefixer
    word——插入目录
  • 原文地址:https://www.cnblogs.com/xyangjie/p/10044074.html
Copyright © 2011-2022 走看看