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>

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

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

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Pubmedy加载时显示程序包无效的解决方案[通俗易懂]

    目前谷歌应用商城已经下架Pubmedy,本地安装又遇到程序包无效:“CRX_HEADER_INVALID”。解决方案:将PubMedy.crx重命名为PubMedy.rar解压到要安装的位置找到扩展程序选项,并启用开发者选项选择加载已解压的扩展程序5.选择解压目录可以看到已经安装完毕…

    2022年4月9日
  • Linux C语言写的超级简单port扫描器

    Linux C语言写的超级简单port扫描器

    2021年12月15日
  • rstudio安装后打不开_r语言和rstudio的安装

    rstudio安装后打不开_r语言和rstudio的安装1、r语言的下载地址TheComprehensiveRArchiveNetwork​cran.r-project.org2、安装:按着提醒直接下一步,路径不用改,默认的就可以,但是不可以出现中文,64位系统就全选,32位系统不能选64位系统,一个是32位一个是64位。3、下载RStudio安装包RStudio​www.rstudio.com免费的4、安装rstudio跟着提醒点击下一步,安…

    2022年6月27日
  • webstorm正则替换(正则替换字符串)

    Command+R 进入替换页面,选择Regex,进行正则替换。参考页面https://www.jetbrains.com/help/webstorm/2016.1/regular-expression-syntax-reference.html

    2022年4月10日
  • linux发邮件失败,Linux SendMail发送邮件失败诊断案例,sendmail发送邮件

    linux发邮件失败,Linux SendMail发送邮件失败诊断案例,sendmail发送邮件LinuxSendMail发送邮件失败诊断案例,sendmail发送邮件Linux上Sendmail经常由于一些配置问题,导致邮件发送失败,下面整理、收集了一些邮件发送失败、异常的案例。案例1:在新服务器上测试sendmail发送邮件时,发现邮件发送不成功,检查/var/log/maillog日志文件发现如下错误(Notice:hostname、邮箱地址等信息使用xxx代替)tail/var/…

    2022年10月20日
  • linux的ftp命令大全_linux tar命令详解

    linux的ftp命令大全_linux tar命令详解ftp主机名/IP会提示输入用户名和密码匿名登录:用户名输入:anonymous密码输入:一个邮箱格式的任意字符串ascii#设定以ASCII方式传送文件(缺省值)bell#每完成一次文件传送,报警提示.binary#设定以二进制方式传送文件.bye#终止主机FTP进程,并退出FTP管理方式.case#当为ON时,用MGET命令拷贝的文件名到本地…

    2022年9月21日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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