<!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>JS获取CSS属性值</title>
<style type="text/css">
<!--
.ss{background:blue; color:#cdcdcd; width:200px}
-->
</style>
<link href="styles_red.css" rel="stylesheet"/>
</head>
<body>
<div id="qq" class="divtitle">sdf</div>
<script type="text/javascript">
function GetCurrentStyle (obj, prop) {
if (obj.currentStyle) {
return obj.currentStyle[prop];
}else if (window.getComputedStyle) {
propprop = prop.replace (/([A-Z])/g, "-$1");
propprop = prop.toLowerCase ();
return document.defaultView.getComputedStyle (obj,null)[prop];
}
return null;
}
var dd=document.getElementById("qq");
alert(GetCurrentStyle(dd,"color"));
</script>
</body>
</html>
分享到：
相关推荐
本文将详细阐述使用getComputedStyle()方法来获取CSS属性值的知识点。 首先，我们需要了解，在使用JavaScript获取CSS样式时，会遇到两个问题。第一个问题是，element.style属性只能获取到直接写在HTML标签的style...
本文将详细介绍如何利用JavaScript控制CSS属性，并提供一份详尽的属性对照表，帮助读者更好地理解和掌握这一技能。 #### 二、基础知识 ##### 2.1 CSS属性 CSS属性定义了HTML元素的外观和布局。它们由属性名和值...
总的来说，这篇文章分享了一个在JavaScript中获取CSS `background-image`属性中URL值的实用技巧，并强调了处理字符串和理解CSS属性值的重要性。对于正在学习或使用JavaScript的开发者来说，这种解决问题的方法是一个...
标签“js 获取属性值”进一步明确了讨论的主题，即如何通过JavaScript获取CSS属性值。 在提供的代码示例中，定义了一个名为`getStyle`的函数，该函数接受两个参数：`obj`表示目标元素，`attr`表示要获取的CSS属性名...
在JavaScript中，获取...总之，JavaScript获取CSS属性值需要处理各种情况，包括内联样式、外部样式表以及浏览器兼容性问题。`getStyleValue`函数提供了一个基础解决方案，但更复杂的场景可能需要更高级的策略和API。
在JavaScript中，对CSS属性进行设置和获取是前端开发中常见的操作。原生JavaScript提供了DOM对象的style属性，可以用来直接操作元素的内联样式。本文将深入探讨如何使用原生JavaScript来实现CSS属性的set和get方法，...
JavaScript 获取 CSS 属性值的代码 在 Web 开发中，获取 CSS 属性值是一项非常重要的任务，因为它可以帮助我们更好地控制网页的样式和布局。JavaScript 提供了多种方法来获取 CSS 属性值，本文将介绍其中的一些。 ...
本篇文章将详细解析CSS属性在JavaScript中的对应关系，并探讨如何在JavaScript中操作这些属性。 1. **颜色属性**： - `color`：在JavaScript中，可以使用`element.style.color`来设置或获取元素的文本颜色。 - `...
文章主要介绍了如何使用JavaScript获取和设置CSS3属性值，特别是对于新增的CSS3属性。这些新增属性如-webkit-transform、-webkit-skew等，由于其格式与传统的CSS属性有所不同，所以需要特别的处理方式。文章给出了...
爬虫需识别这些标签，提取`src`属性值作为JS文件的URL。对于内联脚本，可以直接处理脚本内容。JavaScript文件抓取的目的可能是为了理解网页的动态行为或提取其中的数据。 五、整个网页下载工具 这类工具，如HTTrack...
1. **DOM操作**：通过JavaScript，我们可以访问并操作DOM（Document Object Model），改变HTML元素的CSS属性，例如更改颜色、尺寸、位置等。例如： ```javascript var element = document.getElementById('...
`:css`选择器允许你指定一个CSS属性和对应的值。 此外，jQuery还提供了`.filter()`方法，允许你提供自定义的过滤函数来筛选元素： ```javascript var redElements = $('*').filter(function() { return $(this)....
// 获取数组对象的所有属性值 console.log(getObjectValues(slideArray)); // 输出：[{"imgsrc1":"a.jpg"},{"imgsrc2":"b.jpg"},{"imgsrc3":"c.jpg"},{"imgsrc4":"d.jpg"},{"imgsrc5":"e.jpg"}] ``` 4. 在线测试和...
JavaScript访问CSS属性主要涉及两种方式：通过元素访问和直接访问样式表，以及一个重要的概念——运行时样式。这两种方法在JavaScript中用于动态操作网页样式，提供了丰富的可能性。 1. **通过元素访问** 这种方式...
JavaScript（简称JS）和CSS是Web开发中的两个关键技术，它们分别负责网页的交互逻辑与样式设计。在本文中，我们将深入探讨如何使用JavaScript来动态地改变CSS样式，以实现如标题所示的效果——通过页面JS事件改变...
设置单个 CSS 属性值时，css() 方法接受两个参数，第一个参数为 CSS 属性名称，第二个参数为相应的值。例如，若要将 div 元素的背景颜色设置为黄色，可以使用：$("div").css("background-color", "yellow")。 设置...
本文将详细讲解如何使用 jQuery 修改元素的 CSS `height` 属性值，以便实现动态调整元素高度的功能。 首先，我们需要理解 `height` 这个 CSS 属性。在 CSS 中，`height` 属性用于设置元素的高度，可以是绝对值（如...