javascript - 用 jQuery/javascript 替换页面中的字符串

Question

我正在尝试在我的 html 页面中的特定位置替换标记内的字符串。我必须经常这样做并匹配特定的字符串。例如，如果我有:

<style id="myStyle">
    h1 {
      background-color: red;  
    }

    h2 {
      background-color: red;
    }
</style>

我必须更换 h2 背景色，但不能更换 h1。我每次都必须重写样式标签中的文本吗？或者有一些更好的解决方案，拆分、重组整个字符串，然后替换标签的内容(可能非常大)。

JavaScript 的替换功能不好，它不会在特定位置替换。

Answer 1

使用 jQuery，您可以像这样更改当前在 DOM 中的所有 h1 元素的样式:

$('h1').css({
    'background-color': 'red'
});

您实际上无法更改样式标签中的内容。但是您可以使用 javascript/jQuery 更改页面上元素的样式。上面的代码说明了这一点