获取非行间样式

获取非行内样式
最新推荐文章于 2023-04-10 21:58:30 发布
转载 最新推荐文章于 2023-04-10 21:58:30 发布 · 48 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/wangyihong/p/6658290.html

获取非行间样式

原理：

　　IE： obj.currentStyle[属性名]

　　谷歌：getComputedStyle(obj, false)[属性名]

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>获取非行内样式</title>
    <style>
        div {
            width: 300px;
            height: 200px;
            background: blue;
        }
    </style>
    <script>
　　// 获取非行间样式的方法：
        function getstyle ( obj, val ) {
            if ( obj.currentStyle ) {
                return obj.currentStyle[val]
            } else {
                return  getComputedStyle(obj,false)[val]
            }
        }
        window.onload = function () {
            var box = document.getElementsByTagName('div')[0];
            box.onclick = function () {
                alert( getstyle(box,'height') )
            }
        }
    </script>
</head>
<body>
    <div></div>
</body>
</html>

 

转载于:https://www.cnblogs.com/wangyihong/p/6658290.html

js获取非行间样式(兼容ie和标准浏览器)
priest
07-18 709
&lt;body&gt; &lt;div class="box" id="box" style="background-color: #f0f;color: #fff;"&gt;&lt;/div&gt; &lt;/body&gt; &lt;style type="text/css"&gt; body{ /* 加
JavaScript兼容性总结之获取非行间样式案例
10-21
本文档提供了在IE、Chrome、Firefox等主流浏览器中获取非行间样式的兼容性写法。这些浏览器提供了不同的方法来访问元素的计算样式，包括IE的currentStyle属性和Chrome/FF的getComputedStyle方法。此外，文档还展示了...
获取非行内样式currentStyle
weixin_33928467的博客
09-06 214
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>获取非行内样式</title> <style> #div{width:200px;height:200px;background:#736edc;} </style>&...
javascript中获取非行间样式的方法
成长的博客
07-16 552
我们都知道一般在javascript中获取样式一般用的是nodeObj.style.attr这个属性的，但是这个属性只能获取行间样式非行间样式比如写在样式表中的样式那么用nodeObj.style.attr获取就是一个空字符。 今天我们来介绍下要获取节点计算后的样式就是不一定写在行间样式的方法。 1：window.getComputedStyle(obj,false)['attr']方法...
javascript获取非行间样式的函数封装
fisher
09-28 934
获取非行间样式的函数封装
获取非行间样式和行间样式 Math对象
x0572_的博客
09-03 137
获取非行间样式和行间样式 Math对象
写一个获取非行间样式的函数
LuckXinXin的博客
11-21 761
在javascript中获取样式一般用的是nodeObj.style.attr这个属性的，但只能获取行间样式，非行间样式比如写在样式表中的样式那么用nodeObj.style.attr获取就会报错，nodeObj.style返回值是undefined // obj---DOM对象，第二个参数可以是false/null（null----IE9+会有问题），方括号中的是要获取的属性 // 返回值是一个...
获取非行间样式函数
m0_46088512的博客
09-07 150
// 获取非行间样式函数 function getStyle(ele,arrt){ //ele:元素 //attr:属性 if(window.getComputedStyle){ var w = getComputedStyle(ele)[arrt]; }else{ var w = ele.currentStyle[arrt]; } // console.log(w); return w; } ...
js获取非行间样式兼容ie
Andy_lie的博客
04-10 142
【代码】js获取非行间样式兼容ie。
获取 非行间样式
尹烁的博客
05-02 384
有人问 不能简单的使用 alert(oDiv.style.width);来获取元素样式吗例 可以获取的情况：<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script> window.onload=function () { var oDiv=document.getElementBy
js和jquery中获取非行间样式
10-19
在JavaScript（JS）和jQuery中，获取非行间样式的方法有所不同。 在JavaScript中，获取非行间样式主要有以下两种方法： 1. `currentStyle`属性：在IE浏览器中，可以通过元素对象的`currentStyle`属性来获取元素的...
javascript获取非行间样式的方法
07-24
本篇文章主要探讨的是如何使用JavaScript获取非行间样式的值，这对于理解和优化网页样式操作至关重要。 首先，我们要明白CSS样式分为行内样式、内部样式（位于`<style>`标签内）和外部样式（引用的CSS文件）。行内...
JS非行间样式获取函数的实例代码
10-18
为了解决这一问题，我们可以使用IE浏览器中的currentStyle属性和非IE浏览器中的getComputedStyle()方法来获取非行间样式。 首先，解释了行间样式和非行间样式的区别。行间样式是直接在HTML元素的style属性中定义的...
用Python设计自主学习系统后端【附万字论文+PPT+包部署+录制讲解视频】.zip
最新发布
09-11
标题基于Python的自主学习系统后端设计与实现AI更换标题第1章引言介绍自主学习系统的研究背景、意义、现状以及本文的研究方法和创新点。1.1研究背景与意义阐述自主学习系统在教育技术领域的重要性和应用价值。1.2国内外研究现状分析国内外在自主学习系统后端技术方面的研究进展。1.3研究方法与创新点概述本文采用Python技术栈的设计方法和系统创新点。第2章相关理论与技术总结自主学习系统后端开发的相关理论和技术基础。2.1自主学习系统理论阐述自主学习系统的定义、特征和理论基础。2.2Python后端技术栈介绍DjangoFlask等Python后端框架及其适用场景。2.3数据库技术讨论关系型和非关系型数据库在系统中的应用方案。第3章系统设计与实现详细介绍自主学习系统后端的设计方案和实现过程。3.1系统架构设计提出基于微服务的系统架构设计方案。3.2核心模块设计详细说明用户管理、学习资源管理、进度跟踪等核心模块设计。3.3关键技术实现阐述个性化推荐算法、学习行为分析等关键技术的实现。第4章系统测试与评估对系统进行功能测试和性能评估。4.1测试环境与方法介绍测试环境配置和采用的测试方法。4.2功能测试结果展示各功能模块的测试结果和问题修复情况。4.3性能评估分析分析系统在高并发等场景下的性能表现。第5章结论与展望总结研究成果并提出未来改进方向。5.1研究结论概括系统设计的主要成果和技术创新。5.2未来展望指出系统局限性并提出后续优化方向。
MIDI简谱播放器1.2程序代码QZQ-2025-9-11.txt
09-11
MIDI简谱播放器1.2程序代码QZQ-2025-9-11.txt
【scratch2.0少儿编程-游戏原型-动画-项目源码】02让角色动一动.zip
09-11
资源说明： 1：本资料仅用作交流学习参考，请切勿用于商业用途。 2：一套精品实用scratch2.0少儿编程游戏、动画源码资源，无论是入门练手还是项目复用都超实用，省去重复开发时间，让开发少走弯路！ 更多精品资源请访问 https://blog.youkuaiyun.com/ashyyyy/article/details/146464041
【scratch3.0少儿编程-游戏原型-动画-项目源码】长方形面积.zip
09-11
资源说明： 1：本资料仅用作交流学习参考，请切勿用于商业用途。 2：一套精品实用scratch3.0少儿编程游戏、动画源码资源，无论是入门练手还是项目复用都超实用，省去重复开发时间，让开发少走弯路！ 更多精品资源请访问 https://blog.youkuaiyun.com/ashyyyy/article/details/146464041
玩Android小程序V3_0版本全面重构升级项目_专注于提供安卓开发学习资源的微信小程序平台_包含首页Banner展示热门文章推荐热搜排行榜常用网站导航文章搜索功能体系分类浏览公.zip
09-11
玩Android小程序V3_0版本全面重构升级项目_专注于提供安卓开发学习资源的微信小程序平台_包含首页Banner展示热门文章推荐热搜排行榜常用网站导航文章搜索功能体系分类浏览公.zip
JavaScript获取非行间样式：currentStyle与getComputedStyle技巧
总结：获取非行间样式的关键在于使用`getComputedStyle()`函数，这是一个强大的工具，可以提供跨浏览器的样式获取。同时，为了保持代码的健壮性，我们需要进行浏览器兼容性检查，以便在不同环境中正确地处理样式获取...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值