美文网首页
JS调用Dom属性方法因三种css样式而不同

JS调用Dom属性方法因三种css样式而不同

作者: STONEsh | 来源:发表于2017-03-14 14:09 被阅读18次

    css样式表有三种样式,
    一、内联样式
    在HTML标签用style属性设置,如 :
    <p style="color:#f90;">这是内联样式</p>
    二、嵌入样式
    通过<head>标签内通过<style>标签设置。如:
    <style type="text/css">
    /这是嵌入样式/
    .stuff{color:#f90}
    </style>
    三、外部样式
    通过<link>标签设置。如:
    <link rel="stylesheet" href="path/style.css" type="text/css">
    而在javascript中,获取这三种样式表的方法是有限制的,style只能获取元素的内联样式,
    嵌入样式和外部样式使用style是获取不到的,javascript提供了另外的获取方式,嵌入样式和外部样式可以通过currentStyle(IE浏览器)、getComputedStyle(Firefox、opera、safari、chrome浏览器)的方式获取。
    使用方法分别是window.currentStyle["attr']和window.getComputedStyle(ob, pseudoElt)["attr']。
    哈,其实刚开始的时候小白也不怎么懂,可能小白说的你也不是很明白,你可以参照这篇学习笔记
    人家理解得可比我这半吊子水平透彻多了
    ( ╯□╰ )好吧,小白承认好像抄袭了,逃。。。

    相关文章

      网友评论

          本文标题:JS调用Dom属性方法因三种css样式而不同

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