使用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;'); 

根據您的用例正確構建正則表達式，它只是一個粗略示例，用於描述如何實現此操作，而不是如何更換深度字符串。