首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

javascript学习札记(2) js调用外部css样式表的style值, 获得一个不能预知高度的DIV的高度

2012-08-28 
javascript学习笔记(2) js调用外部css样式表的style值, 获得一个不能预知高度的DIV的高度完善上一篇日志中

javascript学习笔记(2) js调用外部css样式表的style值, 获得一个不能预知高度的DIV的高度

完善上一篇日志中demo的两个不足。?

?

    js只能修改html内部的css样式代码;隐藏div的高度固定,如果隐藏区域文字变动时,布局变差。

?

1. js调用外部css样式表的style值

css样式表有三种写法:

?

    内嵌样式(inline Style) :是写在Tag里面的,内嵌样式只对所有的Tag有效。内部样式(internal Style Sheet):是写在HTML的 里面的,内部样式只对所在的网页有效。?外部样式表(External Style Sheet):如果很多网页需要用到同样的样式(Styles),将样式(Styles)写在一个以.css为后缀的CSS文件里,然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件。?

? ? ? ? 在JavaScript中,通过document.getElementById(id).style.XXX就可以获取到XXX的值,但意外的是,这样做只能取到通过内嵌方式设置的样式值,即style属性里面设置的值。?

? ? ? ? 解决方案:引入currentStyle,runtimeStyle,getComputedStyle style 标准的样式:

?

?

  • ?display:none

    的 width,height。

    自己裸奔写js代码很傻だけど...

    ?

  • 热点排行