我想在 javascript 中加载 css 属性。
我有两个 Canvas ，我在 head 标签中加载了一个 css 文件。
我想在选择某个选项时这样做， Canvas 的 css 会发生变化。如果它是简单的 css，它可以通过“canvas.style.csstext”来完成，但我正在应用转换来倾斜元素，因此它在“canvas.style.csstext”中不起作用。
那我该怎么做呢!
最佳答案
好的，我会在这里发布答案，以便其他人可以看到。
有多种方法，例如注入(inject) link 元素，或使用 document.styleSheets[0].insertRule，但在您的情况下，更好的解决方案是在 header 中包含两个 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>
关于javascript - 加载 css 文件并覆盖之前的文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12003964/