我定义了一个像
.slidingTag li:after {
content: '';
z-index: 3;
height: 6px;
}
我想从 JS 动态更改高度属性。我可以使用以下方式获得该财产
window.getComputedStyle(document.querySelector('.slidingTag'), 'li:after').getPropertyValue('height')
但我不知道如何更改高度属性。我尝试使用setProperty
但似乎没有这样的函数可用于伪类。任何想法让我知道。
如果该样式来自 CSS 文件,您必须在以下位置搜索它:document.styleSheets,这会很混乱。
如果您愿意动态创建<style>
包含该 CSS 的元素,您可以通过编程方式修改它。
var slidingTagLiAfterStyle = document.createElement("style");
slidingTagLiAfterStyle.innerHTML =
".slidingTag li:after {
content: '';
z-index: 3;
height: 6px;
}";
document.head.appendChild(slidingTagLiAfterStyle);
...
slidingTagLiAfterStyle.innerHTML = slidingTagLiAfterStyle.innerHTML.replace(/height: [0-9]+px/, "height: 12px"); // or whatever you want to set it to
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)