是否有一个针对另一个对象的简单Javascript命令？

Question

我有一个页面，里面有两个div，一个在另一个里面，就像这样：

<div id='one'> 
<div id='two'></div>
</div>

我希望div one在点击时改变类，然后在选择div 2时改回。

我对javascript完全不熟悉，但我设法找到一个简单的命令，当我点击它时会使div改变。

<div id='one' class='a' onclick="this.className='b';">
<div id='two'></div>
</div>

现在我只需要一个同样简单的方法来在单击第二个时改回div。

我已经尝试将“this.className”更改为“one.classname”，并且由于某些原因在我处理图片时有效，但它根本不适用于div

<div id='one' class='a' onclick="this.className='b';">
<div id='two' onclick="one.className='a';">
This does not work.
</div>
</div>

基本上我想知道是否有替代javascript“this”我可以用来定位其他元素。

我发现了几个可以执行我正在寻找的动作的脚本，但是我不想使用一个庞大，冗长，复杂的脚本，如果有另一个简单的脚本，就像我发现的那样。 / p>

Answer 1

您可以使用document.getElementById

<div id='two' onclick="document.getElementById('one').className='a'; return false;"> 
 This does not work. 
</div>

Answer 2

这样可行：

document.getElementById('one').className = 'a';

Answer 3

您可以通过ID获取元素：

document.getElementById("one")