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 ...
随机推荐
- 【bzoj1086】 scoi2005—王室联邦
http://www.lydsy.com/JudgeOnline/problem.php?id=1086 (题目链接) 题意 求将树分为几个联通块,每个联通块大小大于B小于3B,是否可行. Solut ...
- VS中的代码段功能
1.前言 开发人员不喜欢打字.如果你希望提高开发人员的生产力,减少键入的数量,这也同时减少打字稿的数量以及因此产生的编译器错误,这些都极大分散了开发人员的注意力.代码重用是开发人员收集代码的另一个原因 ...
- TYVJ1982 武器分配
描述 后勤部队运来一批武器(机枪和盔甲).你要把这些武器分配给手下的marine们(每人一部机枪,一套盔甲).可是问题来了... 这些武器的型号不相同(武器是由出价最低的承包商制造的), ...
- Swift 函数做参数和闭包做参数的一个细节差别
函数作参数,示例为传入一个String和一个添加前缀的函数,返回一个添加完前缀的String: func demo(str:String,addPrefix:(String)->String)- ...
- linux文件系统简介
文件系统是linux的一个十分基础的知识,同时也是学习linux的必备知识. 本文将站在一个较高的视图来了解linux的文件系统,主要包括了linux磁盘分区和目录.挂载基本原理.文件存储结构.软链接 ...
- K米APP案例分析
关于 K米 -- 的案例分析 产品 K米的APP (全国KTV点歌,手机直播,互动,交友,预订)的Android客户端 第一部分 调研,评测 评测: 软件的bug,功能评测,黑箱测试 • 下载并使用, ...
- Beta版本冲刺第六天 12.12
一.站立式会议照片: 二.项目燃尽图: Android端 后台 三.项目进展: 成 员 昨天完成任务 今天完成任务 明天要做任务 问题困难 心得体会 胡泽善 邮箱验证和用户评价的填写 用户评价的查看以 ...
- BZOJ3393:[USACO LPHONE] 激光通讯
分层图+堆优化的dijkstra 将原图分为4层,分别是只向上,向下,向左,向右建立边,然后层与层之间的转移很好处理.稠密图,应该用堆优化的dijkstra. //OJ 1845 //by Cydia ...
- what's the CRSF ??
What's CSRF attack ? CSRF(" Cross-site request forgery!" 跨站请求伪造) 用实例讲原理: 我们假设一个银行网站A,一个 ...
- java内存配置
使用Java程序从数据库中查询大量的数据时出现异常:java.lang.OutOfMemoryError: Javaheap space 在JVM中如果98%的时间是用于GC且可用的 Heap siz ...