將內部 html 代碼中的文本顏色更改為紅色

Question

document.getElementById("something").innerHTML = "My name is Jeremy Gordon and this is my Portfolio of my work in the QCC Software Engineering Micro Credential Boot Camp.";

我需要將innerHTML的文本更改為紅色。 如何使此字符串中的文本變為紅色。

Answer 1

您可以使用 DOM 樣式color屬性：

 document.getElementById( "something" ). innerHTML = "My name is Jeremy Gordon and this is my Portfolio of my work in the QCC Software Engineering Micro Credential Boot Camp."; document.getElementById( "something" ).style.color="red";

 <p id="something"></p>

Answer 2

這會有所幫助。

您可以在此處了解有關 setAttribute 方法的更多信息： https : //www.w3schools.com/jsref/met_element_setattribute.asp

  <script>
      document.getElementById("something").setAttribute("style", "color: red;");
  </script>