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

如下所示:

function getStyle(node, property){

      if (node.style[property]) {
        return node.style[property];

      }
      else if (node.currentStyle) {
        return node.currentStyle[property];
      }
      else if (document.defaultView && document.defaultView.getComputedStyle) {
        var style = document.defaultView.getComputedStyle(node, null);
        return style.getPropertyValue(property);
      }

      return null;

    }

以上这篇js获取页面引用的css样式表中的属性值方法(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索js引用css样式
javascript 改css样式、javascript css样式、css样式引用、css引用外部样式、js引用css样式,以便于您获取更多的相关知识。

时间: 2024-11-03 06:40:43

js获取页面引用的css样式表中的属性值方法(推荐)_javascript技巧的相关文章

JS判断是否为JSON对象及是否存在某字段的方法(推荐)_javascript技巧

实例如下: $.ajax({ type: 'POST', url: url, success(function(data){ //判断是否为JSON对象 if(typeof(data) == "object" && Object.prototype.toString.call(data).toLowerCase() == "[object object]" && !data.length){ alert("is JSON 0

判断JS对象是否拥有某属性的方法推荐_javascript技巧

两种方式,但稍有区别 1,in 运算符 var obj = {name:'jack'}; alert('name' in obj); // --> true alert('toString' in obj); // --> true 可看到无论是name,还是原形链上的toString,都能检测到返回true. 2,hasOwnProperty 方法 var obj = {name:'jack'}; obj.hasOwnProperty('name'); // --> true obj.

js获取触发事件元素在整个网页中的绝对坐标(示例代码)_javascript技巧

如下所示: 复制代码 代码如下:  //返回数组类型        function findPosition(oElement) {//oElement 当前元素            if (typeof (oElement.offsetParent) != 'undefined') {                for (var posX = 0, posY = 0; oElement; oElement = oElement.offsetParent) {              

CSS样式表中z-index使用方法总结

CSS 中的 z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面, 这是我们对 z-index 属性普遍的认识. 与此同时, 我们总是对堆叠顺序捉摸不透, 将 z-index 的值设得很大也未必能将节点显示在最前面. 本文将通过一些例子对 z-index 的使用方法进行分析, 并且为各位带入 z-index 层级树的概念. Z-index是什么意思?在CSS2.0中,Z-index 属性用来设置元素的堆叠顺序,拥有更高堆叠顺序的元素总是会处于堆叠顺

css样式表中的样式覆盖顺序

原文:css样式表中的样式覆盖顺序 有时候在写CSS的过程中,某些限制总是不起作用,这就涉及了CSS样式覆盖的问题,如下   <!DOCTYPE html> <html lang="en"> <head> <style> #navigator { position: absolute; background-color: red; } .current_bg { background-color: green; } </style&

CSS样式表中的类

css|样式表 类 为了对网页格式的定义更为精确,有必要让相同的选择符也能分类,并能按照不同的类别来进行不同的样式设计.基本格式如下: 选择符.类别名 {属性:值} 类别名将可以在HTML的标识符里引用: <标识符 class=类别名>网页内容标识符> 实例: <html> <head> <title>CSS例子</title> <style type="text/css"> <!-- p.Englis

学习CSS样式表中的类

css|样式表 类 为了对网页格式的定义更为精确,有必要让相同的选择符也能分类,并能按照不同的类别来进行不同的样式设计.基本格式如下: 选择符.类别名 {属性:值} 类别名将可以在HTML的标识符里引用: <标识符 class=类别名>网页内容标识符> 实例: <html> <head> <title>CSS例子</title> <style type="text/css"> <!-- p.Englis

JS函数实现动态添加CSS样式表文件_基础知识

先给出函数. 复制代码 代码如下: varaddSheet=function(){ vardoc,cssCode; if(arguments.length==1){ doc=document; cssCode=arguments[0] }elseif(arguments.length==2){ doc=arguments[0]; cssCode=arguments[1]; }else{ alert("addSheet函数最多接受两个参数!"); } if(!+"v1"

JS之获取样式的简单实现方法(推荐)_javascript技巧

基本代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div{ color:yellow; } </style> </head> <body> <div style="width:100