点击更改div ID

我有一些'标题'，点击时，我想为他们扩大/改变颜色等我改变任何方式改变div点击标题中的一个，以便无论哪个我点击一个将会改变它的属性。一个问题是它需要成为一个单一的实例......当您点击之前点击另一个“标题”时，先前点击的那个将需要改回。点击更改div ID

所以...如果“当前”的是，他们刚刚点击了一个：

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

也许它可以运行一个脚本上面一个告诉的ID为“当前”的DIV之前，将改回，然后运行上述脚本...

我不认为我已经解释得很好，但我希望你能得到我想要做的。每当我把所有的标题和所有的标题一起写出来时，它就让我无法做出一个函数，一段时间后它会变得非常混乱。

来源

2013-05-18 Josh-Mason

JavaScript是***大小写敏感的***语言。检查使用的方法的名称。 – VisioN

如果你改变类而不是风格，并且将外观留给外部的css文件，生活对你来说会容易得多 –

JavaScript是大小写敏感的，用替换此

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

（我建议总是使用分号）

来源

2013-05-18 22:52:40 Sam

在我的代码中，我总是使用分号，但是在JS中，分号通常（但不总是）可选。当然，你添加的那些实际上并不需要，那些代码将会在没有它们的情况下工作。 – nnnnnn

@nnnnnn这是新的：o，thx的评论 – Sam

很酷。 +1修改后的答案。 – nnnnnn

我同意的情况下敏感的，只是觉得是更好地添加你想要谁的客体来修改如下：

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

而在HTML你只需要添加

onClick="ClickedHeadline(this);"

我觉得比较好，现在可以重用这个函数:)。

来源

2013-05-18 22:55:27 daarksim

+1，用于删除重复代码的整理器功能。 – nnnnnn

点击更改div ID

回答

相关问题