如果没有jQuery,则会从外部css文件或内部样式表中告知信息
Without jQuery tell information from external css file or internal stylesheet
我想在没有jQuery或任何其他JS库的情况下使用javascript从内部/外部样式表返回样式
<style type="text/css"> <!-- From internal/external stylesheet -->
div{
height:30px;
width:45px;
background-color:#4445C7;
}
</style>
<div id="counter-element" style="width:3px;height:10px;"></div>
<div id="example"></div>
<script type="text/javascript">
function getStyle(elem,prop){
return elem.style[prop];
}
alert(getStyle(document.getElementById("counter-element"),"origional-background-color"); //I know this won't work. I'm just putting it in for an example
alert(getStyle(document.getElementById("example"),"background-color");
</script>
像这样使用var es=getStyle(document.getElementById("someId"),"background-color");
function getStyle(Elm, strCssRule){
var strValue = "";
if(document.defaultView && document.defaultView.getComputedStyle){
strValue = document.defaultView.getComputedStyle(Elm, "").getPropertyValue(strCssRule);
}
else if(Elm.currentStyle){
strCssRule = strCssRule.replace(/'-('w)/g, function (strMatch, p1){
return p1.toUpperCase();
});
strValue = Elm.currentStyle[strCssRule];
}
return strValue;
}
相关文章:
- 将样式表插入iframe
- jQuery/JavaScript在线公文包表单-打印样式表
- 如何在小部件中添加外部javascript库和样式表
- 如何使用jQuery切换样式表
- 将用户对样式表的选择保存在cookie中
- 如何使用外部Javascript库(如jQuery)重命名Google闭包样式表
- 使用Javascript创建内部样式表
- 避免在用ng href加载样式表之前显示内容
- 在样式表中声明元素后,删除该元素的悬停属性
- 禁用移动样式表以加载整个网站
- 在不同的域上动态加载样式表;不适用于Firefox
- 使用javascript/jquery检查.css样式表的名称
- 在nginx错误495(错误的客户端证书)上提供Rails资产管道中的样式表
- 使用多个样式表
- 如何根据浏览器宽度动态调整 css 样式表
- 正文中的 CSS 样式表和脚本.可能
- 债权人 - 将外部样式表应用于 CKEditor 文本区域中的内部文本
- 如果没有jQuery,则会从外部css文件或内部样式表中告知信息
- 使用JavaScript/jQuery删除/更改内部样式表样式
- 如果在使用的样式表文件中给出css类,如何获得完整的css信息