JavaScript ul显示和更改颜色

JavaScript ul show and change color

本文关键字：颜色 ul 显示 JavaScript      更新时间：2023-09-26

这是我在这里的第一个问题，所以请不要太苛刻；）

我想用javascript弹出一个新的列表元素，并更改链接的颜色。我该怎么做？

我试过这个：

<script type="text/javascript">
function toggle(control, control2){
var elem = document.getElementById(control);
if(elem.style.display == "none"){
    elem.style.display = "block";
}else{
    elem.style.display = "none";
}
var elem = document.getElementById(control2);
if(elem.style.display == "rgb(0,10,50)"){
    elem.style.display = "rgb(50,10,60)";
}else{
    elem.style.display = "rgb(0,10,50)";
}
}
</script>
<li id="lifi" class="leistungen"><a href="javascript:toggle('first','lifi')"> x Zum aufklappen hier klicken.</a>
<ul id="first" style="display:none">

如果我只做第一部分，效果很好。但有了这两个参数，我无法让它发挥作用。

非常感谢。

您需要将第二个参数"control2"设置为与第一个不同的名称，不能同时使用"elem"：

<script type="text/javascript">
  function toggle(control, control2){
    var elem = document.getElementById(control);
    if(elem.style.display == "none"){
      elem.style.display = "block";
    }else{
      elem.style.display = "none";
  }
    var elem2 = document.getElementById(control2);
    if(elem2.style.display == "rgb(0,10,50)"){
    elem2.style.display = "rgb(50,10,60)";
   }else{
    elem2.style.display = "rgb(0,10,50)";
  }
 }
</script>

欢迎使用堆栈溢出！

相关文章：