TA貢獻1824條經驗 獲得超8個贊
目前，C 只是工作 Choice，它不是 HTML 元素，因此您無法添加樣式。如果你想添加樣式，你需要將它變成一個元素，然后設置它的樣式。
let a = document.getElementById('demo').innerHTML;
let b = a.split(" ");
let c = document.getElementById('demo').innerHTML = b[0] + " <span style='color:red'>" + b[1]+ "</span>";
一旦你執行了 a.split(" ")，你就失去了對元素本身的訪問權限，所以你需要為 C 再次獲取它。
你也可以這樣做
let a = document.getElementById('demo');
let b = a.innerHTML.split(" ");
let c = a.innerHTML = b[0] + " <span style='color:red'>" + b[1]+ "</span>";
另外，如果您希望動態編輯紅色，您可以使用像這樣的字符串文字。
let a = document.getElementById('demo');
let b = a.innerHTML.split(" ");
let color = "red";
let c = a.innerHTML = `${b[0]} <span style='color:${color}'>${b[1]}</span>`;
<p id="demo">Better Choice</p>
TA貢獻1848條經驗 獲得超2個贊
變量“c”僅保存innerHTML 值的一部分。如果您不希望整個“a”元素改變顏色而只改變第二部分的顏色，請為其插入一個 span 元素，如下所示：
let a = document.getElementById('demo');
let b = a.innerHTML.split(" ");
let c = b[1];
a.innerHTML = `${b[0]} <span style="color:red">${c}</span>`
舉報