getStyle(),修改样式属性
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head> <body>
<style>
#div{ width:100px; height:100px; background-color:#F00}
</style>
<div id="div"></div>
<script>
var obj = document.getElementById('div')
alert(getStyle(obj, 'backgroundColor')); function getStyle(obj, name)
{
if(obj.currentStyle)
{
return obj.currentStyle[name];
}
else
{
return getComputedStyle(obj,false)[name];
}
}
</script>
</body>
</html>
aaarticlea/png;base64,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" alt="" />
getstyle(element,Attribute[name])
getStyle(),修改样式属性的更多相关文章
- jQuery修改class属性和CSS样式
jQuery修改class属性和CSS样式 class属性修改 类属性即class属性,规定类名. 用类选择器规定样式的时候,需要为元素指定类名,即class属性的值. 注意每个HTML元素只有一个c ...
- 使用jquery修改css中带有!important的样式属性
当CSS中含有!important的样式属性时,普通的修改方式是会出现失败的.如下: <div class="test">使用jquery修改css中带有!import ...
- 修改html 属性,css样式。
一 通过修改标签属性来改变它的样式 js设置和获取标签的属性 <script type="text/javascript"> window.onload = func ...
- 修改input属性placeholder的样式
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 如何利用 jQuery 修改 css 中带有 !important 的样式属性?
使用 jQuery 修改 css 中带有 !important 的样式属性 外部样式为: div.test { width:auto !important; overflow:auto !import ...
- JavaScript DOM高级程序设计 5动态修改样式和层叠样式表2--我要坚持到底!
把样式置于DOM脚本之外 style属性 我们可以这样设置前景色之类的属性: element.style.color='red'; 也可以使用下面的代码设置背景颜色: element.style.ba ...
- JavaScript基础之DOM修改样式
1.获取或设置元素的内容:3个属性: 1. innerHTML: 获取或设置元素开始标签到结束标签之间的所有HTML代码原文. 何时使用:只要获得完整的html代码原文时 优化 ...
- 原创:新手布局福音!微信小程序使用flex的一些基础样式属性
来源:新手布局福音!微信小程序使用flex的一些基础样式属性 作者:Nazi Flex布局相对于以前我们经常所用到的布局方式要好的很多,在做微信小程序的时候要既能符合微信小程序的文档开发要求,又能 ...
- DOM--5 动态修改样式和层叠样式表
W3C DOM2 样式规范 CSSStyleSheet对象 表示所有css样式表,包括外部link和嵌入style的;通过document.styleSheets属性可以获得文档中CSSStyleSh ...
随机推荐
- Spring中的Autowired注解和Resource注解的区别
1.所属jar包不同,Autowired是Spring中的Resource是JSR-250规范定义的注解
- 【vijos1243】 生产产品
https://vijos.org/p/1243 (题目链接) 题意 一个产品的生产有m个步骤,一共n个机器人.机器人i完成步骤j的时间为T[i][j],每次当产品从一个机器人那里移动到另一个机器人那 ...
- Apache日志配置参数详细说明
Apache日志按时间分段记录 在apache的配置文件httpd.conf中找到ErrorLog logs/error_log及CustomLog logs/access_log common Li ...
- C# winform窗体设计-数据库连接
本篇文章内容主要是小编上课所学的总结 最近小编在学习C#中的数据库管理方面,主要学习到数据库的增删改查,查询学生平均分,最低分,最高分等操作 [本篇文章中小编主要讲解数据库的连接] 在C#中使用数据库 ...
- Bzoj1823 [JSOI2010]满汉全席
Time Limit: 10 Sec Memory Limit: 64 MBSubmit: 1640 Solved: 798 Description 满汉全席是中国最丰盛的宴客菜肴,有许多种不同的 ...
- [IOS 静态库]
http://www.2cto.com/kf/201402/276718.html 一.什么是库? 库是共享程序代码的方式,一般分为静态库和动态库. 二.静态库与动态库的区别? 静态库:链接时完整地拷 ...
- centos6.5下安装mysql
http://www.centoscn.com/mysql/2014/0812/3481.html 1.使用yum命令安装mysql [root@bogon ~]# yum -y install m ...
- Java 开发技巧
一 读取配置文件 1 Properties读取配置文件 编写配置文件config.properties放在普通java工程的src目录(如果是maven工程就放在工程的src/main/resourc ...
- 【转】IPtables学习笔记
写在前面,大家测试玩iptables时要记得自己配置了那些东西,测试完成后记得删除啊,博主忘了删除一个input REJECT链的一条记录,后续测试搭建了apache服务器,始终无法访问,最后抓包发现 ...
- JS-Math对象
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>M ...