insertRuleの書式文字列javascript文

Question

insertRuleを使用してJavascriptを使用して：nav要素のホバースタイルを変更しようとしています。ナビゲーションリンクの背景色は、bgndImgIndexに基づいて変更されます。これはJavascriptで可能ですか？それとも間違っていますか？

var bgndImgIndex = 0; 
var colorSelect = ['#ffa800', '#ba2a2a', '#5ad339']; 

var sheet = document.styleSheets[0]; 

sheet.insertRule("a:hover {background:{0} !important".format(colorSelect[bgndImgIndex]), 4); 

Answer 1

これは完全に可能です。問題は、.formatがJSのStringプロトタイプに存在しないということです。私は通常、JSでこのタスクのためにES6のテンプレート文字列を使用し、実施例を参照してください。

var bgndImgIndex = 0; 
 
var colorSelect = ['#ffa800', '#ba2a2a', '#5ad339']; 
 

 
var sheet = document.styleSheets[0]; 
 

 
sheet.insertRule(
 
    `a:hover {background:${colorSelect[bgndImgIndex]} !important` 
 
);

<a>Test</a>