js操作css样式
div.style.width="100px" (⾏间样式)
相当于标签内我们添加⼀个style属性,设定了width值,这种写法会给标签⼤量的style属性,以实际项⽬不符,我们没有css和HTML分离;
所以如果为了获取css样式
获取计算机计算的所有属性
putedstyle() (两个参数,第⼀个是当前操作的元素第⼆个是null)并且这个⽅法是只读的
可读和可写的区别:可读只读获取不能修改可写可以修改
计算的:只要渲染出来了都是经过计算的
putedstyle (ie 6 7 8不⽀持这个⽤法)
ie8以下的写法为: ie6(元素名).currentstyle
兼容性:
try{}catch(error){} (try{}尝试的) (catch铺获)(error报错)
不报错执⾏try⾥⾯的代码块,报错执⾏catch⾥⾯的代码
前提的条件:代码必须报错,不报错就不能使⽤;
案例:
var css;
try{
ComputedStyle()
}
catch(e){
css和html和js怎么结合 css=aa.currentStyle
}
console.log(css)
总结js解决兼容性的⽅法:
1. ||
var dd=document.documentElement.clientWidth||document.body.clientWidth
2. if() 条件语句;
if(ComputedStyle ==(另⼀种写法:Computed.style in window)){
ComputedStyle(aa,null)
}
else{
css=aa.currentStyle
}
console.log(css)
3.try{}catch(error){}
前提条件:必须在报错的条件下和if条件语句⽐较性能上⽐较差,不在万不得已的情况下,不能使⽤
案例:
var css;
try{
ComputedStyle()
}
catch(e){
css=aa.currentStyle
}
console.log(css)
null和undefined的区别?
null和undefined都表⽰没有值,
null(天⽣存在的)这个东西存在但是没有给值;
undefined (⼈为定义)这个东西压根不存在,⽽是⼈为定义的
案例: console.log(aa.parentNode.parentNode.parentNode) (通过这个案例就知道元素节点的树状图,最后返回的是null) 元素节点的树状图;
document>documentElement(html)>body>tagname
offsetLeft和offsetTop所结合运动
滚动轮播
setTimeout(延时调⽤)
定时器的返回值,返回是当前页⾯的第⼏个定时器
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论