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 ...
随机推荐
- 【codeforces 733F】 Drivers Dissatisfaction
http://codeforces.com/problemset/problem/733/F (题目链接) 题意 给出一张n个点的无向图,每一条变有两个特征值:${w,c}$:分别表示这条边的权值为$ ...
- git命令的使用 【备用】
*下面为对本地仓库进行操作 [将文件提交到本地仓库] git add 文件名 将文件添加到暂存区 git status ...
- dedecms /plus/stow.php Twice SQL Injection
catalog . 漏洞描述 . 漏洞触发条件 . 漏洞影响范围 . 漏洞代码分析 . 防御方法 . 攻防思考 1. 漏洞描述 收藏文章功能$title变量未过滤,造成二次注入 Relevant Li ...
- opencv 简单模糊和高斯模糊 cvSmooth
cv::Mat 是C++版OpenCV的新结构. cvSmooth() 是老版 C API. 没有把C接口与C + + 结合. 建议你们也可以花一些时间看一下介绍. 同样,你如果查看opencv/mo ...
- 数据结构与算法分析 - 最短路(Dijkstra+floyd_Warshall+bellman_ford)
先附上Djikstra的代码:普通版 const int maxn=101; const int INF=0x3f3f3f3f; int edges[maxn][maxn]; int dist[max ...
- css3实现手机效果的“切换标签”
Style样式 .toggle { position: relative; display: inline-block; width: 60px; height: 30px; border: 1px ...
- 我所了解的meta
https://github.com/hoosin/mobile-web-favorites 总况 meta 标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name). h ...
- HD1599 find the mincost route(floyd + 最小环)
题目链接 题意:求最小环 第一反应时floyd判断,但是涉及到最少3个点,然后就不会了,又想的是 双联通分量,这个不知道为什么不对. Floyd 判断 最小环 #include <iostrea ...
- HTTPS原理
谣言粉碎机前些日子发布的<用公共WiFi上网会危害银行账户安全吗?>,文中介绍了在使用HTTPS进行网络加密传输的一些情况,从回复来看,争议还是有的.随着网络越来越普及,应用越来越广泛,一 ...
- 通过System.getProperties()获取系统参数
Properties props=System.getProperties(); //系统属性 System.out.println("Java的运行环境版本:"+props ...