Question

我正在努力解决简单的脚本：我想在单击单选按钮时更改<li>项css类。我创建了一个onclick事件，并将2个参数传递给函数＆＃39; setColor＆＃39;。然后在函数中我将.style与单击的单选按钮的值连接起来。到目前为止，我已经得到以下信息：

function setColor(a, b){
    document.getElementByTd("id").setAttribute('.STYLE' + a);    
}

我的项目是从db包动态生成的，与样式相同。我想应用正确的＆＃39;用户单击单选按钮时的样式。但不幸的是，我收到了错误：＆＃34;对象不支持属性或方法＆＃39; getElementByTd＆＃39;＆＃34;。困惑并已花费数小时来识别问题......必须是非常简单的事情，但无法弄清楚。任何帮助，将不胜感激！感谢

Answer 1

您可以使用JavaScript onChange事件来调用函数来更改CSS DOM样式。我可能会这样做：

＆＃13;

function setColor(a){
    document.getElementById("color").style.background = a;    
}

＆＃13;

<label><input type="radio" name="color" onchange="setColor(this.value)" value="red"/> Red</label>
<label><input type="radio" name="color" onchange="setColor(this.value)" value="blue"/> Blue</label>
<label><input type="radio" name="color" onchange="setColor(this.value)" value="green"/> Green</label>
<label><input type="radio" name="color" onchange="setColor(this.value)" value="yellow"/> Yellow</label>

<div id="color" style="width: 200px; height: 200px;"></div>

＆＃13;

根据无线电组点击更改样式类onclick

1 个答案: