如何正确使用“Element.style.color”？答案

【问题标题】：How to properly use "Element.style.color"?如何正确使用“Element.style.color”？
【发布时间】：2018-09-08 15:55:58
【问题描述】：

我不确定为什么单击“试用”按钮后出现的文字不是红色的？

HTML：

<button onClick="myFunction()">Try it</button>

Javascript：

function myFunction(){
"use strict";
var newpara = document.createElement("p");
var newcontent = document.createTextNode("This is a paragraph.");

// [ADD] Ensure that content is added to the paragraph element
newpara.appendChild(newcontent);

// [ADD] Ensure the paragraph element is added to the document
document.body.appendChild(newpara); 

    Element.style.color="#ff3300";
}

【问题讨论】：

标签： javascript html element dom-manipulation

【解决方案1】：

试试 newpara.style.color = '#ff3300'

【讨论】：

虽然这段代码 sn-p 可以解决问题，但它没有解释为什么或如何回答这个问题。请include an explanation for your code，因为这确实有助于提高您的帖子质量。请记住，您是在为将来的读者回答问题，而这些人可能不知道您提出代码建议的原因。

【解决方案2】：

将Element 改成newpara

newpara.style.color="#ff3300";

function myFunction(){
"use strict";
var newpara = document.createElement("p");
var newcontent = document.createTextNode("This is a paragraph.");

// [ADD] Ensure that content is added to the paragraph element
newpara.appendChild(newcontent);

// [ADD] Ensure the paragraph element is added to the document
document.body.appendChild(newpara); 

    newpara.style.color="#ff3300";
}

&lt;button onClick="myFunction()"&gt;Try it&lt;/button&gt;

【讨论】：

【解决方案3】：

做newpara.style.color。另外你需要在newpara里面附加newcontent

function myFunction() {
  "use strict";
  var newpara = document.createElement("p");
  newpara.style.color = "#ff3300";
  var newcontent = document.createTextNode("This is a paragraph.");
  newpara.appendChild(newcontent)
  document.body.appendChild(newpara);

}

&lt;button onClick="myFunction()"&gt;Try it&lt;/button&gt;

【讨论】：