尝试通过 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";