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

Question

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

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

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

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

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

score 2 · Accepted Answer

使用 jQuery，您可以更改当前在 DOM 中的所有 h1 元素的样式，如下所示：

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

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

score 0 · Accepted Answer

你可以很容易地用 jQuery 做到这一点

$('h1').css("cssText", 
"background-color: green; other-css-properties;" );

如果您真的想具体一点，您可以为您想要更改的任何内容提供一个 id 或一个类，并执行类似的操作

$("#given-id").css(...) for ids and $(".given-class").css(...) for classes

score -1 · Accepted Answer

给 h2 一个“h2”的 id，然后让你想要触发更改的任何事件执行以下行。

document.getElementsById("h2")[0].setAttribute("style","color: red; background-color: gray;");

3 回答 3