我正在使用外部 CSS 檔案，并且我使用 CSS 進行切換。我在哪里添加以下 CSS 代碼？（在 html 檔案或外部 JavaScript 檔案的頂部？）
.mystyle {
background-color: green;
color: white;
}
.mystyle1 {
background-color: red;
color: white;
}
腳本.js
function myFunction(str) {
var element = document.getElementById("btn1");
var element1 = document.getElementById("btn2");
if(str==1){
element.classList.toggle("mystyle");
element1.classList.remove("mystyle1");
}else{
element1.classList.toggle("mystyle1");
element.classList.remove("mystyle");
}
uj5u.com熱心網友回復：
如果是外部檔案，則必須添加一個html檔案。 https://www.w3schools.com/tags/tag_link.asp
uj5u.com熱心網友回復：
不要將 CSS 與 JS 混搭，將它們分開保存。你可以試試下面的例子：
function myFunction(str) {
var element = document.getElementById("btn1");
var element1 = document.getElementById("btn2");
if(str==1){
element.classList.toggle("mystyle");
element1.classList.remove("mystyle1");
}else{
element1.classList.toggle("mystyle1");
element.classList.remove("mystyle");
}
}.mystyle {
background-color: green;
color: white;
}
.mystyle1 {
background-color: red;
color: white;
}<div id="btn1" onClick="myFunction(1)">
btn1
</div>
<div id="btn2" onClick="myFunction(0)">
btn2
</div>uj5u.com熱心網友回復：
- 您不能將 CSS 直接添加到 JS 代碼中
- 如果您想通過 JavaScript 代碼更改 CSS，則需要使用 JS 代碼添加/洗掉每個屬性。例如，如果您想在單擊另一個元素時從某個元素中洗掉不透明度，您可以使用：
const element = document.querySelector('class_name');
element.style.opacity = '0';轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/491140.html
標籤：javascript html css
下一篇：以角度呼叫滑塊內的子組件