使用 Javascript 获取style样式

已于 2022-03-20 15:44:31 修改
阅读量2.1k 收藏
点赞数
分类专栏： JS 文章标签： 前端
于 2022-03-20 15:44:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_57760860/article/details/123614500
版权

按照我以下几个步骤操作就获取成功了

  1. 先创建一个div，再给它一个ID，如下图：

  

  1. 在js中使用ID获取器获取到div；

  1. 使用js给div添加属性

  1. 然后再创建几个函数获取到div的属性
  2. 最后再使用console.log()在控制台中输出打印

这是我使用 Javascript 获取style样式，所以我要分享给你们，希望可以帮助到你们。

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！

weixin_57760860
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Javascript获取标签ID改变style属性的代码
10-27
下面的这段代码中，我们通过select元素的name属性来设置具体要访问style的哪个属性（本例中为背景色），这样，这个函数就可以用来设置不同的CSS属性了
JavaScript获取元素的样式
weixin_57773213的博客
04-28 1538
注意共有3个步骤，按顺序操作下去 1.通过style属性获取/修改样式元素.style.样式名=样式值 读取方式：元素.style.样式名 通过style属性设置和读取的都是内联样式 2.获取元素内联样式属性 3.需要获取样式的元素可以传递一个伪元素，一般都传null说明：该方法返回一个对象，对象中封装了当前元素对应的样式， varobj=getComputedStyle(element,null); //该方法的使用说明 获取元素显示样式： obj.属性名 或则obj["属
JavaScript基础：操作样式(通过获取和设置style属性、className属性)
Alley_Olive的专栏
07-08 3185
JavaScript基础：操作样式(通过获取和设置style属性、className属性)
js获取style属性的几种方法
weixin_38428663的博客
12-20 5457
一个超简单的小需求，用JS获得style的背景颜色，但是值一直为空，这个原因要记下来。（转） js只能修改html内部的css样式代码。 　　在JavaScript中，通过document.getElementById(id).style.XXX可以获取到XXX的值，但意外的是这样做只能取到通过内嵌方式设置的样式值，即style属性里面设置的值。 原来是我把样式写到了head中。但是一般不把样式写成行内样式的，所以得找到解决的办法。随继续寻找之。功夫不负有心人，终于找到了解决方法： 　　如果是ie，问题很好
js获取某个div的style
u011498933的专栏
03-22 3419
^^^^^^^^^^^^^^ 1、获取改div的width $("#mydiv_sel").width(); 2、获取改div的height $("#mydiv_sel").height(); 3、获取改div的left $("#mydiv_sel").offset().left; 4、获取改div的top $("#mydiv_sel").offset().top;
javascript获取元素CSS样式代码示例
10-26
如果想用javascript获取一个元素的样式信息，首先想到的应该是元素的style属性,下面我们看看javascript如何获取元素CSS样式
javascript 获取元素样式必杀技
12-11
Javascript获取CSS属性值方法：getComputedStyle和currentStyle 1 .对于元素的内联CSS样式（<div xss=removed>hello），可以直接使用element.style.color来直接获取css属性的值； 2. 但是对于外部定义的css样式使用...
老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)
12-10
众所周知，CSS样式有三种类型：行内样式、内部样式和外部样式，JavaScript获取CSS样式时分为两种情况：行内样式获取法 和 非行内样式获取法 。 一、行内样式获取相对简单，通过element.style.attr（元素.style.属性...
javascript获取元素样式
qq_63273144的博客
09-25 1433
3.window必须加，因为如果不写的话，getComputedStyle会被当作是一个变量，在ie8及以下的浏览器中，如果这个变量找不到，就会去全局中去找，找不到的话就会报错。style读取的是内联样式，即写在元素style属性上的样式，而getComputedStyle是读取的最终样式，包括。if(window.getComputedStyle){ //判断浏览器中是否有这个对象，这个window必须加。注意，在这两个方法中，读取到的样式都是只读的不能修改。这个方法是window对象的方法，
JS使用getComputedStyle()方法获取CSS属性值
10-26
经常会用到js来获取元素的CSS样式，由于方法众多，在下面的文章中为大家详细整理下
js特效-5秒后自动关闭广告条
qq_41670147的博客
12-01 1288
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
JavaScript 九九乘法表?
wxt_wjc的博客
01-11 698
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
JavaScript获取元素样式
Sore4的博客
04-21 4950
JavaScript获取元素样式
原生js获取class增加CSS样式,原生JS获取及设置CSS样式-3.操作样式表
weixin_42522552的博客
08-03 3538
既然行内样式可读可写，计算过后的样式属性也可读；那么样式表中的样式规则也应该可以被JS修改这篇主要是简单教大家如何读取样式表中的样式、以及如何修改样式表样式表(CSSStyleSheet)一般分为两种： 元素包含的样式表(HTMLLinkElement)// index.cssdiv {background-color: blue;border: 10px solid #ccc;}p {color...
JS_js获取元素样式style属性值，js获取元素css样式，getComputedStyle
小歪博客
05-24 1761
getComputedStyle(“元素”, “伪类”) <div id="caseroul" style="width: 500px;"></div> 获取单个属性值 getComputedStyle(document.getElementById('caseroul'),null).getPropertyValue('width'); //500px getComputedStyle(document.getElementById('caseroul'),null).width
原生js获取style操作
shuoSmallWhite的博客
07-20 3595
1.  ele.style.color   此类方法只能获取元素行内样式； 2. 若想获取其余style  ，可进行如下操作： var style=window.getComputedStyle 但是此方法存在兼容性问题，支持chrome, firefox, ie9+; 解决兼容性方式 三元表达式： var style=window.getComputedStyle ? window.g...
js获取style(二)
weixin_42645716的博客
03-01 4769
转自： https://www.cnblogs.com/xiyangbaixue/p/4001531.html 我们在开发过程中经常会遇到通过js获取或者改变DOM元素的样式，方法有很多，比如：通过更改DOM元素的class。现在我们讨论原生js来获取DOM元素的CSS样式，注意是获取不是设置 在开始之前先说下获取最终应用在元素上的所有CSS属性对象的意思是，如果没有给元素设置任何样式，也会把浏览...
Javascript如何用一个优雅的姿势通过getStyle函数来获取元素的样式
coder_chenz的博客
07-21 7346
`Javascript如何用一个优雅的姿势通过getStyle函数来获取元素的样式“ 想要得到某个元素的某个样式属性，可以用：1.<div id="div1" style="width: 200px;"></div>2<script> var oDiv=document.getElementById('div1'); console.log(oDiv.style.w
javascript style
最新发布
10-26
可以使用JavaScript来获取、设置和修改元素的样式信息。style属性是一个对象，它包含了所有的样式属性，可以通过该对象的属性来获取或设置元素的样式。例如，可以使用element.style.color来获取或设置元素的文本颜色...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值