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 ...
随机推荐
- crawler: 爬虫的基本结构
目前我所知道的爬虫在获取页面信息上,分为静态爬虫和动态爬虫:静态爬虫主要用于获取静态页面,获取速度一般也比较快:但是现在很多网站的页面都是采用动态页面,当我们用爬虫去获取信息的时候,页面的信息可能还没 ...
- bos启动56898服务器配置界面报错
//文件路径 /easweb/runtime/server/deploy/portal.ear/portal.war/WEB-INF/config/spring/applicationContext- ...
- CentOS同步时间
用date查看系统当前时间,date -R 可查看时区. CentOS 同步时间由ntp服务提供,可以用"yum install ntp -y"安装. 装完后运行命令 ntpdat ...
- [Android] HttpURLConnection & HttpClient & Socket
Android的三种网络联接方式 1.标准Java接口:java.net.*提供相关的类//定义地址URL url = new URL("http://www.google.com" ...
- 软件工程个人作业-Week2
第一部分 调研, 评测 必应词典客户端版本:安卓版5.2.2 bug描述一:在学习页面点击“单词挑战”或“我爱说英语”会弹出“加载失败,请稍后重试”,无论点击多少次都加载不出来. bug描述二:在未 ...
- Linux操作系统发展史
1984年,面对美国电话电报公司启动的UNIX商业化计划和程序开发的封闭模式,麻省理工学院的RichardM.Stallman发起了一项国际性的源代码开放的GNU(GNU's Not Unix)计划, ...
- CF724C: Ray Tracing
传送门 CF的题质量真心不低,这道题的标准解法(应该)是exgcd,打比赛的时候想到了具体的推导公式了,也意识到了需要用exgcd,但是因为寝室要锁门了(其实就是太弱,就放弃了. 首先很显然,这条线所 ...
- BZOJ1202 [HNOI2005]狡猾的商人&&BZOJ3436小K的农场
差分约束第三题 传送门: 很明显的差分约束,d[y]-d[x-1]>=v d[y]-d[x-1]<=v 根据这个建图然后跑bellman-ford就可以了. //BZOJ 1202 //b ...
- 使用canvas绘制时钟
使用canvas绘制时钟 什么使canvas呢?HTML5 <canvas> 元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成.<canvas> 标签只是图 ...
- Yocto开发笔记之《驱动调试-GPS数据采集》(QQ交流群:519230208)
开了一个交流群,欢迎爱好者和开发者一起交流,转载请注明出处. QQ群:519230208,为避免广告骚扰,申请时请注明 “开发者” 字样 =============================== ...