为什么我的文字没有变色？ （JavaScript）的

Question

尝试使用javascript更改文本的颜色 - 这就是我所拥有的

<input name="text" value="black" id="black" type="radio" onclick="changetextcolor(this);">"Black"
<input name="text" value="purple" id="purple" type="radio" onclick="changetextcolor(this);">"Purple"
<input name="text" value="lightpink" id="lightpink" type="radio" onclick="changetextcolor(this);">"Light Pink"
function changetextcolor(element){
    document.body.style.Color = element.value;
};

这是我正在处理http://www.acsu.buffalo.edu/~mariaroo/validation.html

的网页

Answer 1

您必须将color属性设置为小写而不是大写字母。

color而非Color。

＆＃13;

＆＃13;

 function changetextcolor(element){
   console.log(element.value);
      document.body.style.color = element.value;
 };

＆＃13;

<input name="text" value="black" id="black" type="radio" onclick="changetextcolor(this);">Black
<input name="text" value="Purple" id="purple" type="radio" onclick="changetextcolor(this);">Purple
<input name="text" value="lightpink" id="lightpink" type="radio" onclick="changetextcolor(this);">Light Pink
       

＆＃13;

＆＃13;

＆＃13;

Answer 2

您正在更改代码中的错误属性。它应该是document.body.style.color（注意全部小写color）。

Answer 3

你混淆了什么。 您不能使用.text属性来设置文本颜色的样式。

尝试使用.color。这应该有用。

function changetextcolor(element){
  document.body.style.color = element.value;
};