Table 个元素和 Javascript 个，类名没有变化

Question

我使用样式化的 <span> 元素创建了一个 table。当我点击一个元素时，它被选中并因此突出显示为蓝色

我试图创建一些 javascript 以确保一次只能有一个项目是蓝色的，虽然我认为它会起作用，但有些地方不正确。

有人可以看一下并可能诊断出这个 fiddle 中有什么不正确的地方吗：http://jsfiddle.net/25dmuuLp/6/

Answer 1

can someone please take a look and possibly diagnose what is incorrect

在点击事件中，您将背景颜色设置为蓝色

你永远不会清除任何其他元素的背景颜色，因此，一旦它是蓝色，它就是蓝色

Answer 2

在你的问题中，你提到了 span 标签，而你的 jsfiddle 中没有 span 标签。

我所理解的只是点击的项目应该是蓝色的，其他项目应该有它们的默认颜色。让我知道更新后的 JSFIDDLE 是否是您正在查看的内容。

function RiskMatrix(a) {

if (rmval) {
    //rmvalprev = rmval;
    document.getElementById(rmval).style.background = '';
    //rmvalprevstyle = document.getElementById(rmval).className;
}

rmval = a.id;

document.getElementById(rmval).style.background = '#1e86fb';




   // if (rmvalprev) {
      //  rmvalprev.className = rmvalprevstyle;
   // }



}

Table 个元素和 Javascript 个，类名没有变化

Table elements and Javascript, classname is not changing

javascript

css

classname