JavaScript から CSS 疑似クラスルールを設定する 質問する

インライン style="..." 属性に疑似クラスを設定できないのと同じように、特定の要素のみに疑似クラスのスタイルを設定することはできません (セレクターがないため)。

たとえば、次のルールを追加するなどして、スタイルシートを変更することでこれを実行できます。

#elid:hover { background: red; }

影響を与える各要素には、選択できるように一意の ID があることを前提としています。

理論的には、あなたが欲しい文書はhttp://www.w3.org/TR/DOM-Level-2-Style/概要つまり、(既存の埋め込みまたはリンクされたスタイルシートがある場合) 次のような構文を使用できます。

document.styleSheets[0].insertRule('#elid:hover { background-color: red; }', 0);
document.styleSheets[0].cssRules[0].style.backgroundColor= 'red';

document.styleSheets[0].addRule('#elid:hover', 'background-color: red', 0);
document.styleSheets[0].rules[0].style.backgroundColor= 'red';