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 ...
随机推荐
- 【poj3422】 Kaka's Matrix Travels
http://poj.org/problem?id=3422 (题目链接) 题意 N*N的方格,每个格子中有一个数,寻找从(1,1)走到(N,N)的K条路径,使得取到的数的和最大. Solution ...
- android备忘录
1.跑马灯-滚动字幕 多用于广告,在屏幕上方滚动显示,可以是文字,图片等 #滚动字幕 TextView 中加(singleLine="true",ellipsize="m ...
- Bzoj4066 简单题
Time Limit: 50 Sec Memory Limit: 20 MBSubmit: 2185 Solved: 581 Description 你有一个N*N的棋盘,每个格子内有一个整数,初 ...
- linux挂载远程samba目录
yum install cifs-utils #安装cifs协议包 #列出远程目录 smbclient -L 192.100.9.165 -Uadministrator vim /etc/fstab ...
- excel处理数字的时候避免自动转为double
帮同事解决了一个POI解析Excel的功能,就是他想读出单元格中的原始内容,但是poi在处理数字的时候会自动转换为double了,这样对于一些对1和1.00有严格区分的场景下,会出现问题.我看网上很多 ...
- AngularJs $compile编译服务与指令
$compile 这是个编译服务.编译一段HTML字符串或者DOM的模板, 产生一个将scope和模板连接到一起的函数. 编译服务主要是为指令编译DOM元素,下面的一大段也是主要介绍指令的. 下面是一 ...
- ARPSpoofing教程(三) - 捕获数据包
1: #include"pcap.h" 2: //每次捕获到数据包时,libpcap都会自动调用这个回调函数 3: void packet_handler(u_char *para ...
- sublime text3 --前端工程师必备神器
sublime text3 --前端工程师必备神器 导读目录: 下载与Emmet插件安装 sublime text3 中cssrem安装与使用 sublime Text 3的中文文件名显示为方框的问题 ...
- 忘记常访问网站密码怎么办?教你如何查看浏览器已保存的密码,如何简单查看Chome浏览器保存的密码?
利用场景: 同事或朋友外出有事,电脑未锁屏离开座位.可以利用这一间隙,查看Ta在Chrome浏览器上保存的账号密码 查看逻辑: 当我们要查看Chrome浏览器上保存的密码时,点击显示,会弹出一个对话框 ...
- bs4_3select()
Finding an Element with the select() Method 调用select()方法从BeautifulSoup对象索取网页元素,并用CSS 选择器传递你寻找的元素 ...