获取元素的CSS样式属性值 IE兼容写法

最新推荐文章于 2024-04-17 10:31:18 发布

weixin_30700977

最新推荐文章于 2024-04-17 10:31:18 发布

阅读量229

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/kdiekdio/p/10240842.html

本文介绍了一种在网页开发中获取元素CSS样式的JavaScript函数实现。该函数能够兼容不同浏览器，通过`window.getComputedStyle`或`element.currentStyle`来获取指定元素的样式属性值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**
* 获取元素的CSS样式属性值
*/
function css(element, attrName) {
　　/*if (window.getComputedStyle)
　　return window.getComputedStyle(element)[attrName]
　　return element.currentStyle[attrName];*/

　　return window.getComputedStyle ? getComputedStyle(element)[attrName]: element.currentStyle[attrName];
}

转载于:https://www.cnblogs.com/kdiekdio/p/10240842.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30700977

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

js获取非行间样式(兼容ie和标准浏览器)

priest

07-18

706

<body> <div class="box" id="box" style="background-color: #f0f;color: #fff;"></div> </body> <style type="text/css"> body{ /* 加

IE6、IE7中获取Button元素的值的bug说明

12-09

测试代码如下: 代码如下: <button value=”abc”>测试</button> [removed] var btn = document.getElementsByTagName(‘button’)[0]; alert(btn.value); alert(btn.getAttribute(‘value’)); [removed] IE6/7: IE8/9/10/Firefox/Safari/Chrome/Opera: 即： IE6/7 中返回的是innerHTML，实现错误。

参与评论您还未登录，请先登录后发表或查看评论

取得css的属性值（兼容）

12-01

100

如果某一html元素的css是从外部引入的，或者是后来加上去的，用document.getElementById('**').style是取不到正确的值。 //elem:元素对象； style:css的属性名 function getStyle(elem, style) { var value ; if (document.all) { //IE ...

IE下获得class元素的值

renjingkai的博客

07-11

1396

/** *通过class名和标签名获取css样式对象组 */ function getClassNames(classStr, tagName) { if (document.getElementsByClassName) { return document.getElementsByClassName(c...

IE及FF下获取及设置样式值

weixin_34235135的博客

03-23

156

废话少说，直接上Code,对IE与FF下的差异，均在代码中有相关的注解: 代码 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://...

获取元素样式属性的方法

AsunaMuxue的博客

10-26

525

获取<div id=box></div>的高度 1、如果是行内样式：style可以直接获取。document.getElementsByTagName("div")[0].style.height; 2、如果是内联样式：用style返回的是undefined；需要采用其他方法。由于不同浏览器造成兼容问题，获取的方法又不相同。在IE中，采用的是currentStyle.h...

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

12-02

在 JavaScript 中，获取元素的 CSS 属性值通常有两种情况：一种是直接在 HTML 元素的 `style` 属性内定义的样式，另一种是通过外部 CSS 文件或 `<style>` 标签设置的样式。对于前者，我们可以直接通过 `element....

通过js为元素添加多项样式,浏览器全兼容写法

10-25

总结：通过cssText属性为元素添加多项样式的兼容写法，主要是在添加样式字符串时，考虑到了IE8及以下浏览器的兼容性问题，通过把原有的样式字符串放到新样式字符串的后面进行拼接，以确保在不同浏览器中都能正确地...

javascript下操作css的float属性的特殊写法

10-30

在网页开发过程中，经常需要通过JavaScript动态地改变元素的样式属性，其中包括`float`属性。`float`属性用于控制元素的浮动，这对于页面布局至关重要。然而，在使用JavaScript操作CSS中的`float`属性时，会遇到一种...

JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结

10-29

因此，我们需要采用不同的方法来获取元素的“class”属性值。在IE浏览器中使用“getAttribute('className')”方法，而在Firefox浏览器中则直接使用“getAttribute('class')”。 4. 访问标签中的“for”属性差异 ...

IE 通过name获取元素

dengpinshuo2520的博客

05-20

226

在IE中可以通过一个元素的name属性获取,例如： <script type="text/javascript">function show(obj) {alert(obj);}</script><form><input name="comanyName" value="A公司"/>&lt...

jquery html() ie兼容,两种方法基于jQuery实现IE浏览器兼容placeholder效果

weixin_35782148的博客

06-20

526

placeholder是HTML5的属性之一，在不同的浏览器( 支持HTML5的现代浏览器 )中会有略微不同的显示效果：在Chrome( v31.0.1650.63 m)、Firefox( v21.0 )、360安全( v6.3 极速模式 )中，输入栏获得焦点后，提示文字并不消失，如图( Chrome )：获得焦点前：获得焦点时：偏偏IE11要搞点特殊：获得焦点前：获得焦点时：也就是说获得焦点时提...

IE以及非IE如何获取元素的样式值

qq_35146837的博客

07-14

621

dom 的元素样式：行内元素：

DOM操作-获取元素的方式_ie 获取dom(2)，2024年最新IDEA太强悍了

m0_55030688的博客

04-17

771

getElementsByClassName 是通过标签的 class 名称来获取标签的，因为页面中可能有多个元素的 class 名称一样，所以获取到的是一组元素，哪怕你获取的 class 只有一个，那也是获取一组元素，只不过这一组中只有一个 DOM 元素而已。getElementsByTagName 是用过标签的标签名称来获取标签的，因为页面中可能有多个元素的标签名称一样，所以获取到的是一组元素，哪怕真的只有一个这个标签名，那么也是获取一组元素，只不过这一组中只有一个 DOM 元素而已。

解决IE无法根据类名获取元素的问题

fei0700的博客

07-29

318

根据类名获取元素

【博学谷学习记录】超强总结，用心分享 |获取元素

scjiji的博客

09-05

141

用js获取文档的主要方式，分别从4个方面进行说明，

js方法区分IE浏览器和非IE浏览器

liudanyang_21的博客

07-20

252

可以从IE特有的方法和非IE特有的方法来区分不同的浏览器 1.为元素添加事件监听：非IE：.addEventListener("click",show,false)//第三个参数为事件流，true为事件捕获，false为事件冒泡 IE：.attachEvent("onclick",show)； 2.为元素移除事件监听：非IE:.removeEventListener("click",show) IE:.detachEvent("onclick",show); 3.阻止冒泡非IE:.stopPr..

js如何获取css里面的样式兼容IE

szy1000的专栏

11-29

3621

兼容IE8 及其他浏览器获得指定元素的样式

zhangting8_的博客

11-06

1655

/*obj 要获取样式的元素,name 是要获取的样式名*/ function getStyle(obj,name){ if(window.getComputedStyle){//属性没找到返回undifined，变量没找到就会报错,只能使用window.getComputedStyle,不能用getComputedStyle //正常浏览器的方式 return getComputedSt...

js获取当前元素样式