Question

我很沮丧。这是我的js和html代码。 js适用于除id =＆＃34; logo＆＃34;之外的其他元素。它不会改变班级名称。

HTML：

<body class="beforepace">
<div id="golden" onmouseover="showdesc('golden-desc','golden');" onmouseout="hidedesc('golden-desc','golden');">
<div id="golden-desc" class="desc">Golden</div>
</div>
<div id="utopia" onmouseover="showdesc('utopia-desc','utopia');" onmouseout="hidedesc('utopia-desc','utopia');">
<div id="utopia-desc" class="desc">Utopia</div>
</div>
<div id="logo" class="default"></div>
</body>

JS：

// JavaScript Document
var logo=document.getElementById("logo");
function showdesc(a,b){
    logo.className=b;
    document.getElementById(a).classList.add("desc_show");
    document.getElementById(b).classList.add("div-hover");
}
function hidedesc(a,b){
    document.getElementById(a).classList.remove("desc_show");
    document.getElementById(b).classList.remove("div-hover");
    if(b==="golden")document.getElementById("logo").classList.remove("golden");
    else if(b==="utopia")document.getElementById("logo").classList.remove("utopia");
}

请帮助我，非常感谢你！

Answer 1

您可以检查徽标div的颜色变化

ltest['Date'].map(lambda x: x[1])

// JavaScript Document
var logo=document.getElementById("logo");
function showdesc(a,b){ 
    logo.className=b; 
    document.getElementById(a).classList.add("desc_show");
    document.getElementById(b).classList.add("div-hover");
}
function hidedesc(a,b){  
    document.getElementById(a).classList.remove("desc_show");
    document.getElementById(b).classList.remove("div-hover");
    if(b==="golden")document.getElementById("logo").classList.remove("golden");
    else if(b==="utopia")document.getElementById("logo").classList.remove("utopia");
}

#logo{
  padding-top:10px;
  }
.golden{
  color:yellow;
  }
.utopia{
  color:red;
  }

Answer 2

要添加新课程，请使用此

$("#logo").addClass("yourClassName");

要删除现有课程，请使用此

 $("#logo").removeClass("yourClassName");

我的JS不会改变类名

2 个答案: