Question

我有一些'标题'，点击后，我希望他们扩展/更改颜色等。我想点击其中一个标题更改div的任何方式，以便我点击的任何一个都有它的属性发生了变化。一个问题是它需要是一个单独的实例...当你点击一个之前点击另一个'标题'后，之前点击的那个将需要更改回来。

所以...如果'当前'是他们刚刚点击的那个：

<script>
Function ClickedHeadline() {
   document.GetElementByID('current').style.width="auto"
   document.GetElementByID('current').style.BackgroundColor="#999"  
}
</script>

也许它可以在上面的那个之前运行一个脚本来告诉id为'current'的div，然后改回来运行上面的脚本...

我认为我没有很好地解释这一点，但我希望你能得到我想要做的事情。它只是让我在每次与所有id一起制作另一个标题时不会发挥作用，它会在一段时间后变得非常混乱。

Answer 1

我同意区分大小写，并且认为最好添加您想要修改的对象，如下所示：

 function ClickedHeadline(o) {
   o.style.width="auto";
   o.style.backgroundColor="#999"; 
  }

在html中你只需添加

onClick="ClickedHeadline(this);"

我认为它更好，你现在可以重用这个功能:)。

Answer 2

Javascript区分大小写，请替换为

  function ClickedHeadline() {
   document.getElementById('current').style.width="auto";
   document.getElementById('current').style.backgroundColor="#999"; 
  }

（我建议永远使用分号）

单击更改div id

2 个答案: