`

获取样式中的属性值

 
阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
  <head> 
    <title>b.html</title>     
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 
    <meta http-equiv="description" content="this is my page"> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
    <style type="text/css"> 
        #d2 {  
            width:400px;  
            height:200px;  
            border:5px solid gray;  
            padding:5px;  
        }  
    </style>      
    <script> 
        window.onload=function(){  
              
            //2、使用嵌入、链入或引入样式表(非内联样式)  
              
            //ie:通过currentStyle           
            alert(document.getElementById('d2').currentStyle.width);//400px ie  
              
            //ff,safari,opera,chrome:通过window.getComputedStyle  
            var el=document.getElementById('d2');  
            alert(window.getComputedStyle(el,null).style.width);//400px safari,opera,chrome  
        }  
    </script> 
  </head> 
    
  <body>        
        <div id="d2"></div> 
  </body> 
</html> 
分享到:
评论

相关推荐

    原生javascript获取元素样式属性值的方法

    elem.style.attr获取样式的方法就不说了. 先来看currentStyle方法, 此对象ie专属, 代表了在全局样式表、内嵌样式和 HTML 标签属性中指定的对象格式和样式. IE下通过它, 就可以获取元素的Css属性值. 而针对其他标准...

    vue 实现根据data中的属性值来设置不同的样式

    style动态赋值 margin-top的值 根据choosePaperFlag的值来设置 利用三元表达式 ...以上这篇vue 实现根据data中的属性值来设置不同的样式就是小编分享给大家的全部内容了,希望能给大家一个参考,也

    JS使用getComputedStyle()方法获取CSS属性值

    obj.style:这个方法只能JS只能获取写在html标签中的写在style属性中的值(style=”…”),而无法获取定义在&lt;style type=”text/css”&gt;里面的属性。 代码如下: &lt;span xss=removed&gt;&lt;!DOCTYPE html PUBLIC ...

    jquery实现列表点击条目改变样式并拿到属性值

    jquery实现列表点击条目改变样式并拿到属性值,简单例子,和大家分享。

    js获取某元素的class里面的css属性值代码

    用js如何获取div中css的 margin、padding、height、border等。你可能说可以直接用document....getStyle(obj,attr) 调用方法说明:obj为对像,attr为属性名必须兼容js中的写法(可以参考:JS可以控制样式的名称

    jQuery获取样式中的背景颜色属性值/颜色值

    天使用jQuery获取样式中的background-color的值时发现在获取到的颜色值在IE中与Chrome、Firefox显示的格式不一样,IE中是以HEX格式显示#ffff00,而Chrome、Firefox中则是以GRB格式显示rgb(255,0,0),由于需要将颜色...

    js获取页面引用的css样式表中的属性值方法(推荐)

    下面小编就为大家带来一篇js获取页面引用的css样式表中的属性值方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    javascript 获取特定的 CSS属性值

    本例的javascript代码用于获得在CSS文件中声明的特定样式中的某属性值。如:

    javascript获取非行间样式的方法

    在编写程序的时候我们往往有时候需要获取一下样式表里的某个值,或某个属性。而通常我们的样式是写在css的文件里的,该文档详细的解答你的问题,内附有详细代码

    javascript 获取元素样式必杀技

    Javascript获取CSS属性值方法:getComputedStyle和currentStyle 1 .对于元素的内联CSS样式(&lt;div xss=removed&gt;hello),可以直接使用element.style.color来直接获取css属性的值; 2. 但是对于外部定义的css样式使用...

    原生js获取left值和top值的三种方法

    在用js做动态效果时,通常需要获取元素绝对定位中的left和top属性值。比如做一个碰撞广告,就要不停的获取元素的top和left属性值。 需要注意的事:取值的元素必须要设置position:absolute绝对定位属性,才能取的到...

    javascript获取作用在元素上面的样式属性代码

    遍历所有样式属性,通过判断其属性值,是否为'undefined' 或特特的值,来过虑属性

    常用函数合集(持续更新)

    获取css属性值 阻止冒泡行为 阻止默认行为 兼容 阻止滚动条冒泡事件 获取系统当前时间 数组最大值 数组最小值 求和 小数点可能会有很多位,这里不做处理,处理了使用就不灵活了 从数组中随机获取元素 清除对象中值为...

    利用原生JavaScript获取元素样式只是获取而已

    ps:是获取样式,不是设置样式。若没有给元素设置样式值,则返回浏览器给予的默认值。(论坛整理) 1、element.style:只能获取写在元素标签中的style属性里的样式值,无法获取到定义在&lt;style&gt;&lt;/style&gt;和...

    js 获取元素的具体样式信息getcss(实例讲解)

    如果想获取元素的某一个具体的样式属性值 1、元素.style.属性名 需要我们把元素的样式都写在行内样式上才可以(写在样式表中是不管用的) console.log(box.style.height) -&gt;null 在真实项目中,这种方式不常用,...

Global site tag (gtag.js) - Google Analytics