javascript实例：精确获取元素css属性值-中考模拟

栏目列表

当前位置：首页>>化学家园>>习题下载>>中考模拟>>文章内容

javascript实例：精确获取元素css属性值

发布时间：2008-12-30 点击：来源：52css 作者：未知

　　如何实现javascript精确获取元素css属*值？当处理 DOM 元素的 CSS 属*时，我们经常会遇到一个问题：明明页面上已经定义了 CSS 属*值，但在获取的时候却为空，这是因为任何样式表文件或内联 CSS 预设的样式信息并不能可靠地反映到 style 属*上，本文向你介绍准确获取指定元素 CSS 属*值的方法。

代*如下：

Source Code to Run

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://{域名已经过期}/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://{域名已经过期}/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>javascript实例：精确获取元素css属*值--中国IT人才网!IT求职,IT招聘</title>
</head>
<style type="text/css">
.container{ width:980px; margin:30px auto;}
.e_tit{ margin:10px; font-size:13px; font-weight:bold;}
#e_con{ margin:10px; border:1px #CCCCCC solid; line-height:60px; text-align:center; background-color:#dddddd;}
.e_btn,.e_write{ margin:10px;}
.e_write li{ list-style:none; padding:2px 0; float:left; width:100%;}
</style>
<body>
<div class="container">
	<div class="e_tit">javascript实例：精确获取元素css属*值</div>
	<div id="e_con">要获取背景颜色的元素</div>
	<div class="e_write">
<SCRIPT type=text/javascript>
<!--
// 说明：准确获取指定元素 CSS 属*值
// 作者：John Resig 《Pro JavaScript Techniques》
// 来源：52css
// 整理：will2011 (http://{域名已经过期})

[可先修改部分代* 再运行查看效果]

关闭窗口

打印文档

附件：