使用javascript双击一个段落,所有段落都会发生变化

时间:2013-03-14 01:39:23

标签: javascript colors paragraph

假设我有5个段落,如果我双击一个段落,所有段落都会改变颜色,我怎样才能用javascript做到这一点?我必须使用javascript而不是别的。甚至没有使用jquery。

我现在拥有的代码只会将该段改为蓝色而不是全部....如果我双击任何一段话,我该怎么做...

var allPara=document.getElementsByTagName("p");

for(i=0;i<allPara.length;i++)
{
    allPara[i].ondblclick=function()
    {
    this.style.color="blue";
    }
}

1 个答案:

答案 0 :(得分:1)

最简单的方法是使用CSS来帮助你。

更改所选段落的类名后,您可以使用getElementsByClassname选择所有段落(http://blog.whatwg.org/the-road-to-html-5-getelementsbyclassname)。

或者,只需执行getElementsByTagName(h ttps://developer.mozilla.org/en-US/docs/DOM/element.getElementsByTagName)并更改未选定段落的类名(CSS),这将改变颜色。