美文网首页
style样式

style样式

作者: fb941c99409d | 来源:发表于2020-01-07 21:00 被阅读0次
通过style属性设置和读取的都是内联样式 无法通过style读取样式表中的样式
element.style.width ="300px"; //返回元素的width
//因为不能使用 " - ",连字符形式font-size使用驼峰命名形式fontSize
element.style.fontSize
读取样式表样式 这两种方法只能读取, 修改用style修改
element.currentStyle.width           //只支持IE8及以下浏览器 ,width 等返回的是默认值auto(没设置的情况下)
getComputedStyle(element,null).width //支持ie9以上和其他浏览器 , width等返回的是 实际的px值

//兼容方式
function getStyle(obj,name){
    return window.getComputedStyle?getComputedStyle(obj , null)[name]:obj.currentStyle[name]
}

相关文章

  • JavaScript中的DOM4高级

    访问元素样式(style对象) Style对象代表一个单独的样式声明。通过style样式获取style特性中指定的...

  • 多重样式优先级

    内联样式(Inline style)>内部样式(Internal style sheet)>外部样式(Extern...

  • HTML 样式

    HTML 样式 style 属性用于改变 HTML 元素的样式。 HTML 的 style 属性 style 属性...

  • css 总结

    内部与内联样式内部样式:style属性 adfjk 内联样式:style标签 #div2{ ...

  • 自定义进度条之样式篇

    自定义进度条基础篇之样式表 样式(style) 1.1 系统是默认样式有style="@style/Widget....

  • css基础

    引入css 内联样式,style属性,在HTML标签中写入style=“属性:属性值” 内嵌样式,style标签,...

  • 2018-06-04

    字体的样式 CSS 属性: 字体样式(Font Style) 1 字体样式 {font:font-style fo...

  • WebAPI(二)

    (一)操作元素样式 1.通过style操作元素的样式 语法:元素.style.样式属性名 = '样式属性值'; 代...

  • 属性,值

    style 属性规定元素的行内样式(inline style),style 属性将覆盖任何全局的样式设定元素属性属...

  • 前端基础之样式单CSS(3)

    样式Style 样式Style,指字体、大小、对齐、间距、背景、边框这些。Style需要写在HTML的头部 1. ...

网友评论

      本文标题:style样式

      本文链接:https://www.haomeiwen.com/subject/etnlactx.html