div类更改时更改背景颜色?

时间:2015-04-04 04:53:40

标签: javascript html css

我点击按钮打开了一个导航栏。单击该按钮时,导航的div类将更改。我想在导航打开时调暗身体的背景颜色(最终更多)。 我可以想到几种方法来做到这一点,但我不确定哪种方法最简单,或者是否可能。

方法1: 单击按钮时以某种方式更改正文的class / div。如果您可以将一个类设置为正文,那么这并不难。

方法2: 使用js单独更改元素。这可能相对容易,但代码可能比需要的多。

方法3: 我尝试使用.closed > body,,但此方法只能用于更改级别上的内容(保留在父级内)。因此,考虑到这一点,我尝试使用.closed < body,但它仍然无效。我也看过〜用过,所以我尝试了但仍然没有结果。

任何人都可以给予任何建议将不胜感激。谢谢。

1 个答案:

答案 0 :(得分:0)

这应该有效,因为它是第一个导航元素。

var nav = document.getElementsByTagName('nav');
nav[0].addEventListener('click', function(e){
   var body = document.getElementsByTagName('body');
   body[0].style.backgroundColor = "some color value";
});