怎么用js获取到css3属性的值 比如获取transform的值

Posted 2023-05-09

参考技术A 原生JS来操作比较麻烦，每个浏览器操作方法都不一样，如果是写在style属性里的CSS，可以这么操作：
obj.style.transform
如果是写在css里就要判断浏览器了，比较麻烦，推荐你用jQ吧，一句搞定：
obj.css("transform")追问

我先在要取的里面的值 但现在他给我弹出的是一个矩阵函数

追答

你用jq还是原生js来操作？还有，你的CSS是怎么写的？最好贴出你的代码

参考技术B 拿到matrix函数值，说明成功取到了transform的值了，很正常。我这边无论是Chrome还是Firefox，都会讲用户css写的scale、skew、translate等转换为matrix 参考技术C var oDiv = document.getElementById('div1');
 
function getStyle(obj,attr)  
        if(obj.currentStyle)      //IE  
            return obj.currentStyle[attr];   
        else  
            return getComputedStyle(obj,"伪类")[attr];     //Firefox  
          
      
      
alert(getStyle(oDiv1,'background'));

// 或者
alert(oDiv.style.transform)

// 前提是你已经有给这个熟悉设置值了

参考技术D 这个你得获取html中的stylesheet，根据选择器解析css文件了！

怎么用jquery serialize只获取到value部分的值

用serializeArray() 返回JSON数据，直接操作JSON数据，结构如下：
[ name: 'firstname', value: 'Hello', name: 'lastname', value: 'World',name: 'alias', // 值为空]

x=$("form").serializeArray();
alert(x[0].value);//'firstname'的值'Hello'
alert(x[1].value);//'lastname'的值'World' 参考技术A 不要用serialize，用serializearray() 这个