我不认为这是可能的,但是无论如何我都希望您的投入。可以说我有这样的风格:
<style>
.something{
height : 100px;
}
</style>
然后我的HTML看起来像这样:
<ul>
<li class="something">1</li>
<li class="something">2</li>
<li class="something">3</li>
</ul>
现在,我想在类“ .something”中更改值“ height”,而不是设置<li>
元素的新高度。如果我在元素上设置样式,然后添加更多<li>
元素,它们将具有类“ .something”的原始高度
我想做的是让用户添加<li>
元素并选择所有元素的高度。我知道我可以使用javascript设置它们,只是记得<li>
在添加新元素时设置它们,但是如果我能以某种方式进行更改,这将很方便:
<style>
.something{
height : 100px;
}
</style>
例如
<style>
.something{
height : 85px;
}
</style>
使用JavaScript
最好在style元素上放置一个标识(属性,id,名称),以便您可以定位特定的style(DOM)元素(如果有很多元素,将很有帮助),然后替换内部html,例如:
<style id="targetStyle">
.something{
height : 100px;
}
</style>
然后在你的JavaScript中
var styleDom = document.getElementById('targetStyle');
styleDom.innerHTML = styleDom.innerHTML.replace(/height.*px;/,'height: 85px;');
根据您的用例正确构建Regex,这只是一个粗略的示例,用于在部分上描述如何实现此功能,而不是如何深度替换字符串。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句