currentStyle使用示例[通俗易懂]

currentStyle使用示例[通俗易懂]currentStyle使用示例Dom中的currentStyle属性.从字面上理解这是当前样式风格.没错currentStyle就是用来获取元素内Css的style样式属性值.比如说元素的width值height值.甚至元素的文本排放方式text-align,包括

大家好,又见面了,我是你们的朋友全栈君。

currentStyle使用示例

Dom中的currentStyle属性.从字面上理解这是当前样式风格.没错currentStyle就是用来获取元素内Css的style样式属性值.比如说元素的width值height值.甚至元素的文本排放方式text-align,包括position等等.所有的css属性值都可以被获取.但是currentStyle仅支持IE浏览器,如若想在FF或基于Dom标准的其他浏览器内实现相同效果.请使用getComputedStyle属性.我在下面给出一个例子,来获取div的宽度值,文本如何排放.和绝对定位的值.已支持IE和FF其他浏览器.放心浏览!

语法:
o=elem.currentStyle[style_name];

返回值:

o:返回元素某个样式属性值的引用.

参数

elem:要在该元素内获取样式属性.
style_name:样式属性名称.如:width,height,text-align

currentStyle实例

<html>

<head>

<title>Dom:currentStyle使用实例</title>

<style>

#a{

border:1px solid;

width:200px;

height:100px;

text-align:center;

position:absolute;

}

</style>

</head>

<body>

<div id=”a”></div>

<script language=”javascript”>

var a = document.getElementById(“a”)//获取元素

if(document.all){//IE浏览器

var wh = a.currentStyle[“width”];

var text_align = a.currentStyle[“textAlign”];

var posi = a.currentStyle[“position”];

}

else{//FF或其他浏览器

var wh = window.getComputedStyle(a,null).width;

var text_align = “textAlign”; //凡是带横杠(-)的属性,在FF浏览器里必须转换一下属性名称

text_align = text_align.replace(/([A-Z])/g,”-$1″);//

text_align.toLowerCase();

text_align = window.getComputedStyle(a,null).getPropertyValue(text_align);

var posi = window.getComputedStyle(a,null).getPropertyValue(“position”);

}

alert(“宽度值是:” + wh);

alert(“文本排放是:” + text_align);

alert(“position值是:” + posi);

</script>

</body>

</html>

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/158987.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 提升效率的秘密,仅需这一篇吃透负载均衡

    提升效率的秘密,仅需这一篇吃透负载均衡写在前面写本文的目的: 对负载均衡的理解零零散散,不成体系。 阅读这篇文章需要的条件: 对OSI模型有些许了解 有耐心。本文涉及大量的知识点,且只能用文字才能讲清楚,所以文字比较多。 收获: 读完此篇文章,从宏观的角度理解了负载均衡的原理以及实现机制。加深对分布式架构的了解 主要内容: 本文首先从概念开始,讲解什么是负载均衡,以及负载均衡在分布式系统中所承担的角色以及提供的功能。 讲解负载均衡的分类。分别从软硬件角度、地域范围角度以及…

  • 股票 数据接口(股票行情数据接口)

    最近股票大跌,打算做点数据分析。转个数据接口,等我完成数据分析有具体结论再写出来吧。做了一点股票分析数据准备,做了个均线图:http://stock.chenpeng.info/randomone查询股票走势请移步:http://stock.chenpeng.info/,搜索请输入代码或者股票名称。Sina股票数据接口eg:http://hq.sinajs.cn/li…

  • Linux netstat命令详解

    Linux netstat命令详解简介Netstat命令用于显示各种网络相关信息,如网络连接,路由表,接口状态(InterfaceStatistics),masquerade连接,多播成员(MulticastMemberships)等等。输出信息含义执行netstat后,其输出结果为ActiveInternetconnections(w/oservers)ProtoRecv-QSend-QLocalAddressForeignAddressStatetcp02210.34.6.

  • 需求分析文档

    需求分析文档1.引言1.1编写目的:作为软件系统开发技术协议的参考依据,为双方提供参考。根据游戏特点,对被开发软件系统的主要功能、性能进行完整描述,为软件开发者进行详细设计和编程提供基础。为软件提供测试和验收

  • Linux防火墙关闭命令

    1.启动防火墙systemctlstartfirewalld2.禁用防火墙systemctlstopfirewalld3.设置开机启动systemctlenablefirewalld4.停止并禁用开机启动sytemctldisablefirewalld5.重启防火墙firewall-cmd–reload在linus上部署了项目,有时候会发现防火墙会拦截浏览器上发起的请求,这时候只需要执行第2个命令,把防火墙关闭即可…

  • 最新版oracle 11g下载和安装教程

    最新版oracle 11g下载和安装教程学习oracle第一步免不了下载安装Oracle数据库,但是很多人学习时都有通过百度在网上搜索下载的习惯,但是,百度的搜索结果一堆盗版网站,盗版下载地址着实让人头疼,Oracle数据库企业版/标准版是免费对个人学习使用的,因此自己当然要会使用官方正版网站下载安装正版最新的Oracle啦。下载:第一步:去Oracle官网https://www.oracle.com点击下载第二步:…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号