博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js的操作及css样式
阅读量:6264 次
发布时间:2019-06-22

本文共 1126 字,大约阅读时间需要 3 分钟。

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)

1. try{} catch(err){}

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

只读 可写

只读: 只能获取不能修改

可写:可以修改的

Null和undefined的区别

Null和undefined都表示没有值

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

滚动轮播

转载于:https://www.cnblogs.com/mo123/p/9953365.html

你可能感兴趣的文章
Jmeter常用脚本开发之Junit Request
查看>>
C# 加密–RSA前端与后台的加密&解密
查看>>
reduce/reduceRight
查看>>
(转)(contant的一些用法)
查看>>
Shell 脚本常用命令
查看>>
再次改版轮播图
查看>>
pandas系列 read_excel() 和 to_excel()各参数详解
查看>>
VGG使用重复元素的网络
查看>>
Android——Intent,Bundle
查看>>
Flip Game
查看>>
android网络编程之HttpUrlConnection的讲解--DownLoadManager基本用法
查看>>
Leetcode题目:Remove Duplicates from Sorted Array
查看>>
A little collection of cool unix terminal/console/curses tools
查看>>
40个js小技巧:屏蔽鼠标右键、取消选取、防止复制、粘贴、转换地址栏图标
查看>>
mac apache的使用
查看>>
go标准库的学习-hash
查看>>
log4j容器初始化探究
查看>>
Linux通配符与特殊符号知识大全
查看>>
[BZOJ5105]【[Code+#1]晨跑】
查看>>
bootstrap到底是用来做什么的(概念)
查看>>