`

获取样式中的属性值

 
阅读更多
<!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获取background属性中url的值

    总的来说,这篇文章分享了一个在JavaScript中获取CSS `background-image`属性中URL值的实用技巧,并强调了处理字符串和理解CSS属性值的重要性。对于正在学习或使用JavaScript的开发者来说,这种解决问题的方法是一个...

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

    getComputedStyle()方法接受两个参数:第一个是要获取样式的元素,第二个是可选的伪元素字符串,如":after"或":before"。如果不需要获取伪元素的样式,第二个参数可以传入null。例如: ```javascript var ...

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

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

    Mootools 1.2教程 设置和获取样式表属性

    ` 方法则用来获取元素的某个样式属性值。比如,`var styleValue = $('body_wrap').getStyle('background-color');` 会返回元素的背景颜色,即"#"号后面的颜色值。这个方法在需要读取现有样式时非常有用。 对于批量...

    取Excel单元格属性值.rar

    在Excel应用中,获取单元格的属性值是数据分析和处理中的一个重要技能。"取Excel单元格属性值.rar"这个压缩包文件提供了一个名为"技巧251 取单元格属性值.xls"的工作簿,它主要介绍了如何利用Excel的命名公式来获取...

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

    标题中的“js获取某元素的class里面的css属性值代码”指的是在JavaScript中如何获取元素基于CSS类的样式属性值。在实际开发中,我们可能需要获取某个元素根据CSS类设置的`margin`、`padding`、`height`、`border`等...

    取得第一个段落的color样式属性的值。

    然而,由于`css()`方法默认会返回第一个匹配元素的样式,所以在这个上下文中,它将只返回第一个`&lt;p&gt;`元素的`color`属性值。 `$("p").css("color")`是jQuery中的一个关键方法,用于获取或设置元素的CSS样式。当仅...

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

    在JavaScript中,获取页面引用的CSS样式表中的属性值是一项常用的任务,这有助于动态地操作网页的样式。本文将深入探讨一种推荐的方法,通过编写一个名为`getStyle`的函数来实现这一功能。这个函数接收两个参数:一...

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

    // 获取并输出属性值 var bankId = clickedItem.data('id'); var bankName = clickedItem.data('name'); console.log('选中的银行ID:', bankId); console.log('选中的银行名称:', bankName); // 这里可以...

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

    在Vue.js中,动态地根据data中的属性值来设置元素的样式是常见的需求。这有助于实现界面的灵活性和响应性。下面将详细讲解如何利用Vue的特性实现这一功能,特别是结合三元运算符进行条件判断绑定内联样式。 首先,...

    Python+selenium 获取一组元素属性值的实例

    本文讲解了使用Python语言结合Selenium库来获取网页中一组元素的属性值的具体操作方法。Python是一种广泛使用的高级编程语言,非常适合于数据处理和自动化脚本编写。Selenium则是一个用于自动化Web应用程序测试的...

    解决无法获取 GridView 隐藏列值问题

    在C#中,我们通常通过DataKeys属性来获取行的主键值,或者在RowDataBound事件中通过e.Row.Cells[index]访问单元格值。但是,对于隐藏列,Cells集合可能不包含这些值,因为它们在页面渲染时被忽略了。 解决这个问题...

    javascript 获取特定的 CSS属性值

    下面我们将详细探讨如何使用JavaScript获取CSS文件中声明的特定样式属性值。 首先,我们来看一下提供的代码片段: ```javascript function getStyleValue(css_file_id, labname, param) { var tar; var rss; ...

    vue获取form表单的值示例

    这里,`this.phone`和`this.password`直接获取了Vue实例中定义的同名数据属性的值。这对于在用户交互如表单提交时执行某些操作是很有用的。 ### 使用axios发送HTTP请求 在示例中,使用了axios库来发送HTTP请求,...

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

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

Global site tag (gtag.js) - Google Analytics