Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/variables/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击更改div id_Javascript_Variables_Html_Onclick - Fatal编程技术网

Javascript 单击更改div id

Javascript 单击更改div id,javascript,variables,html,onclick,Javascript,Variables,Html,Onclick,我有一些“标题”,点击时,我希望它们能扩展/改变颜色等。我会在点击其中一个标题时改变div,这样无论我点击哪个标题,它的属性都会改变。一个问题是,它需要是一个单一的实例…当你在之前单击一个“标题”后单击另一个“标题”时,需要将之前单击的标题更改回原来的标题 所以…如果“当前”是他们刚刚单击的: <script> Function ClickedHeadline() { document.GetElementByID('current').style.width="auto"

我有一些“标题”,点击时,我希望它们能扩展/改变颜色等。我会在点击其中一个标题时改变div,这样无论我点击哪个标题,它的属性都会改变。一个问题是,它需要是一个单一的实例…当你在之前单击一个“标题”后单击另一个“标题”时,需要将之前单击的标题更改回原来的标题

所以…如果“当前”是他们刚刚单击的:

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

函数ClickedHeading(){
document.GetElementByID(“当前”).style.width=“自动”
document.GetElementByID('current').style.BackgroundColor=“#999”
}
也许它可以在上面的脚本之前运行一个脚本,告诉id为“current”的div将更改回,然后运行上面的脚本


我不认为我解释得很好,但我希望你能理解我的意图。每次我在所有id上加上另一个标题的时候,这就省去了我做函数的麻烦,过一会儿就会变得非常混乱

Javascript区分大小写,替换为

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

(我建议使用分号)

Javascript区分大小写,替换为

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

(我建议始终使用分号)

我同意区分大小写,只是认为最好添加您要修改的对象,如下所示:

 function ClickedHeadline(o) {
   o.style.width="auto";
   o.style.backgroundColor="#999"; 
  }
在html中,您只需添加

onClick="ClickedHeadline(this);"

我认为这样更好,您现在可以重用该函数:)。

我同意区分大小写的方法,只是认为最好添加您想要修改的对象,如下所示:

 function ClickedHeadline(o) {
   o.style.width="auto";
   o.style.backgroundColor="#999"; 
  }
在html中,您只需添加

onClick="ClickedHeadline(this);"

我认为这样更好,您现在可以重用该函数:)。

JavaScript是一种区分大小写的语言。检查所使用方法的名称。如果您更改类而不是样式,并将外观留给外部css文件,那么您的生活会轻松得多JavaScript是一种区分大小写的语言。检查所用方法的名称。如果您更改类而不是样式,并将外观留给外部css文件,那么您的生活会轻松得多。在我的代码中,我总是使用分号,但在JS中,分号通常(但不总是)是可选的。当然,您添加的代码实际上并不需要,没有这些代码也可以工作。酷+有人做了a-1,解释动机吗?在我的代码中我总是使用分号,但在JS中分号通常(但不总是)是可选的。当然,您添加的代码实际上并不需要,没有这些代码也可以工作。酷+修改答案1。有人做了a-1,解释动机?