JavaScript如何获取一个元素的样式信息
跨浏览器方法
function getStyle(elem, cssprop, cssprop2){
if(elem.currentStyle){
return elem.currentStyle[cssprop]
}else if(document.defaultView && document.defaultView.getComputedStyle){
return document.defaultView.getComputedStyle(elem, "").getPropertyValue(cssprop2)
}else{
return null
}
}
<style>
#elem{font-size:23px;}
</style>
<input id ="elem" style="font-size:18px;"/>
<script>
elem.style.fontSize = '12px';
console.log(getStyle(elem, "fontSize", "font-size"))
// 输出12px
</script>
getStyle取值的优先级是：
1.动态设置的
2.内联设置的
3.样式表设置的
4.浏览器默认设置的
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
-
本文向大家介绍javascript获取元素的计算样式，包括了javascript获取元素的计算样式的使用技巧和注意事项，需要的朋友参考一下 背景 使用css控制页面有4种方式，分别为行内样式(内联样式)、内嵌式、链接式、导入式。 行内样式(内联样式)即写在html标签中的style属性中，如 <div style="width:100px;height:100px;"></div> 内嵌样式即写在
-
本文向大家介绍原生javascript获取元素样式，包括了原生javascript获取元素样式的使用技巧和注意事项，需要的朋友参考一下 摘要： 我们在开发过程中经常会遇到通过js获取或者改变DOM元素的样式，方法有很多，比如：通过更改DOM元素的class。现在我们讨论原生js来获取DOM元素的CSS样式，注意是获取不是设置 在开始之前先说下获取最终应用在元素上的所有CSS属性对象
-
问题内容： 我一直在使用Pro JavaScript Techniques的John Resig 函数来获取元素的样式： 是否可以仅获取样式表指定的元素样式（如果样式未定义，则返回null）？ 更新： 为什么我需要这样的野兽？我正在构建一个允许用户设置元素样式的小组件。一个可应用的样式是- ，， -使用无样式元素默认。这使得无法确定元素是居中还是因为用户希望居中，还是因为这是默认样式而居中。 问题
-
问题内容： 我正在寻找一种从样式标签中设置了样式的元素中检索样式的方法。 在身体里 我正在寻找不使用库的直接javascript。 我尝试了以下操作，但始终收到空白： 我注意到，如果我已使用javascript设置了样式，但无法使用样式标签，则只能使用以上内容。 问题答案： 该属性仅让您知道在该元素中定义为内联的CSS属性（以编程方式或在元素的style属性中定义），应该获取计算出的style。
-
返回指定元素的CSS规则的值。 使用 Window.getComputedStyle() 获取指定元素的CSS规则的值。 const getStyle = (el, ruleName) => getComputedStyle(el)[ruleName]; getStyle(document.querySelector('p'), 'font-size'); // '16px'
-
问题内容： 我想： 查找页面中所有元素的样式属性（例如：具有的所有元素） 更改所有属性（例如从到）。 您对此有何建议？ 问题答案： 我的建议是尽可能避免这样做。而是使用类来分配颜色值，然后可以使用该类而不是颜色值来查找元素。 据我所知，没有可用于查询 特定 样式值的选择器（即使在CSS3中也是如此），这意味着循环遍历所有元素（或者看起来可以将其限制为具有属性的所有元素）并看着财产。现在，问题是，即