如何用javascript改变段落的颜色?



我一直在尝试找到一些可以使这个工作的东西,但是经过一个小时的尝试,我来到这里。

下面是HTML代码:

<table>
<tr>
<th style="font-size: 17px;">Χρώμα</th>
</tr>
<tr style="border-collapse: collapse;">
<td style="font-size: 15px;">
Μαύρο <input type="radio" name="Color" onchange="myBlack()" checked/>
Κόκκινο <input type="radio" name="Color" onchange="myRed()"/>
Μπλέ <input type="radio" name="Color" onchange="myBlue()"/>
</td>
</tr>
</table>
<p id="paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
下面是JS代码:
function myBlack() {
document.getElementById("paragraph").style.color="#000000";
}
function MyRed() {
document.getElementById("paragraph").style.color="#FF0000";
}
function MyBlue() {
document.getElementById("paragraph").style.color="#0000FF";
}

从我所看到的JS代码,我正在使用的是最常用的一个我想做的,但它仍然不起作用。正如你所看到的,我有三个单选按钮,我要做的是当你点击第二个单选按钮时,颜色会变成它应该变成的颜色,但是什么也没发生,颜色没有改变。

如果你有任何建议,请留下。谢谢你的宝贵时间。

javascript中的函数名拼写错误。检查第一个字母,你有myRed()MyRed()在javascript中,对于myBlue()/myBlue()也是一样的.

最新更新