美文网首页JS
原生获取元素style为undefined的解决方案

原生获取元素style为undefined的解决方案

作者: 匆匆那年_海 | 来源:发表于2019-09-17 17:30 被阅读0次

1.使用jquery

$('.my').css('color');
console.log($('.my').css('color'));//rgb(0, 0, 0);

2.使用currentStyle和getComputedStyle

var div = document.getElementsByClassName('my')[0];
if (div.currentStyle) {
    //IE上兼容
    console.log(div.currentStyle.color);//rgb(0, 0, 0);
} else {
    //火狐谷歌上兼容
    console.log(window.getComputedStyle(div, null).color);//rgb(0, 0, 0);
}

原文作者:匆匆那年_海,博客主页:https://www.jianshu.com/u/910c0667c515
95后前端汉子,爱编程、优秀、聪明、理性、沉稳、智慧的程序猿一枚。

相关文章

  • 原生获取元素style为undefined的解决方案

    1.使用jquery 2.使用currentStyle和getComputedStyle 原文作者:匆匆那年_海,...

  • vue大坑之获取mint-ui内组件样式

    一.原生js获取css样式(实用,解决问题)必须要提出的是,我们使用 element.style 也可以获取元素的...

  • jQuery元素获取

    获取元素 通过id获取元素document.getElementById('logo').style.border...

  • 原生js获取元素的样式style属性值

    事情是这样的,我今天在帮一个朋友实现原生手写轮播图,然后我发现自己在获取一个元素的样式上出现了一点点小问题,就顺带...

  • JavaScript中的DOM4高级

    访问元素样式(style对象) Style对象代表一个单独的样式声明。通过style样式获取style特性中指定的...

  • js高级程序设计阅读摘录1

    1. typeof获取未定义的变量也为undefined 2.typeof判断数组类型的缺陷 第一钟解决方案[] ...

  • jQuery

    通过Jq获取到的元素是JQ对象,通过元素的document.get***获取到的元素是原生对象,原生对象不能使用J...

  • vue小点

    1.获取dom元素 通过设置ref: 获取到元素并改变样式: this.$refs.budget.style.tr...

  • js使用getComputedStyle()方法获取css属性值

    通过js获取元素css样式的方法1.obj.style这个方法只能获取写在html标签的写在style属性中的值,...

  • web前端 -- Day22 js基础

    元素的样式 元素的样式属性是无法直接通过:对象.style.属性 来获取的,(样式在style属性中设置)offs...

网友评论

    本文标题:原生获取元素style为undefined的解决方案

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