javascript - ページ内の文字列をjQuery/javascriptに置き換える

Question

HTML ページの特定の位置にあるタグ内の文字列を置き換えようとしています。私はそれを頻繁に行う必要があり、特定の文字列と正確に一致させます。たとえば、私が持っている場合：

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

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

h1ではなくh2の背景色を置き換える必要があります。スタイルタグ内のテキストを毎回書き直す必要がありますか? または、文字列全体を分割して再結合し、タグのコンテンツを置き換える (非常に大きくなる可能性がある) というより良い解決策があります。

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