使用JavaScript编辑类（不是内联样式的元素）

Question

我不希望这是可能的，但我希望你的输入无论如何。 比方说，我有一个这样的风格：

<style> 
    .something{ 
    height : 100px; 
    } 
</style> 

，然后我的HTML看起来像这样：

<ul> 
    <li class="something">1</li> 
    <li class="something">2</li> 
    <li class="something">3</li> 
</ul> 

现在我想改变的值在类“高度”，“.something” ，没有设置<li>元素的新高度。如果我设置元素的样式，然后添加更多的元素<li>他们将有类的原始高度“.something”

---

我想要做的就是让用户添加<li>元素和选择的高度所有的元素。 我知道我可以用JavaScript设置它们，只记得在新增时即设定新<li>元素，但是这将是方便，如果我以某种方式可以改变：

<style> 
    .something{ 
    height : 100px; 
    } 
</style> 

到例如使用

<style> 
    .something{ 
    height : 85px; 
    } 
</style> 

的JavaScript

Answer 1

更好的地方，一个身份（属性，ID，姓名）的风格元素，这样你就可以针对特定的风格（DOM）元素（将是有益的，当有很多），然后replacethe内部HTML 如：

<style id="targetStyle"> 
    .something{ 
    height : 100px; 
    } 
</style> 

，然后在你的JavaScript

var styleDom = document.getElementById('targetStyle'); 
styleDom.innerHTML = styleDom.innerHTML.replace(/height.*px;/,'height: 85px;'); 

根据您的用例正确构建正则表达式，它只是一个粗略示例，用于描述如何实现此操作，而不是如何更换深度字符串。