嘗試通過 Id 更改元素 - 不工作

Question

我嘗試了各種方法，但我無法讓最后三行工作。

知道為什么這不會將字體更改為紅色、斜體、居中對齊嗎？

這是我課程的第一天，我沒有講師要問，也沒有給出任何解釋。

document.bgColor = "blue";
document.fgColor = "white";

var myDemo = document.getElementById("demo");
myDemo.innerHTML = Date();
document.getElementById("demo").fgColor = "red";
myDemo.fontStyle = "italics";
myDemo.textAlign = "center";

Answer 1

fgColor & bgColor屬性已棄用，並非所有瀏覽器都支持。 您可以使用color & backgroundColor屬性來更改顏色和背景顏色。

所有與style相關的屬性都屬於元素的“樣式”屬性。 我們不能直接在元素上設置 css 屬性。 我們必須在元素樣式屬性上設置它。

fgColor & bgColor ：不再推薦這些功能。 雖然一些瀏覽器可能仍然支持它，但它可能已經從相關的 Web 標准中刪除，可能正在被刪除，或者可能只是為了兼容性目的而保留。 避免使用它，並盡可能更新現有代碼。 請注意，此功能可能隨時停止工作。

 document.body.style.color = "green" document.body.style.backgroundColor = "black"; function chnageColor() { var myDemo = document.getElementById("demo"); myDemo.innerHTML = Date(); myDemo.style.color = "red"; myDemo.style.fontStyle = "italic"; myDemo.style.textAlign = "center"; }

 <div id="demo"> Some Text </div> <button type="button" onclick="chnageColor()">Change color</button>

Answer 2

您需要使用 DOM 對象的style屬性來訪問任何樣式屬性。

 var myDemo = document.getElementById("demo"); myDemo.innerHTML = Date(); myDemo.style.fontStyle = "italic"; myDemo.style.textAlign = "center";

 <div id="demo">Testing</div>

Answer 3

您有一個斜體拼寫錯誤，並且您嘗試更改的屬性也在 element.style 而不是 element 本身中設置。

document.bgColor = "blue";
document.fgColor = "white";

var myDemo = document.getElementById("demo");
console.log(myDemo);
myDemo.innerHTML = Date();
document.getElementById("demo").style.color = "red";
myDemo.style.fontStyle = "italic";
myDemo.style.textAlign = "center";