javascript - css ファイルを読み込んで前のものを上書きする

Question

css プロパティを JavaScript で読み込みたい。

2 つのキャンバスがあり、head タグに css ファイルをロードしました。

特定のオプションを選択すると、キャンバスのcssが変更されます。それが単純なcssであれば、「canvas.style.csstext」で実行できますが、要素を傾けるために変換を適用しているため、「canvas.style.csstext」では機能しません。

それで、どうすればそれができますか！

Answer 1

OK、ここに回答として投稿して、他の人が見ることができるようにします。

link要素を注入したり、を使用したりするなど、さまざまな方法がありますdocument.styleSheets[0].insertRuleが、あなたの場合、より良い解決策はCSS、異なるセレクターを使用して両方のファイルをヘッダーに含めcanvas.className、必要に応じて変更することです。

図：

<link href="main.css" /> <!--canvas{border:...}-->
<link href="alternate.css" /> <!--canvas.alter{border:...}-->
<!--...-->
<canvas id="needToAlter"></canvas>
<button onclick="document.getElementById('needToAlter').className+=' alter';">Alter</button>