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

Question

我有一个包含两个 div 的页面，一个在另一个里面，如下所示:

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

我希望 div one 在单击时更改类，然后在选择 div two 时更改回来。

我是 javascript 的新手，但我设法找到了一个简单的命令，当我单击它时，它会使 div 发生变化。

<div id='one' class='a' onclick="this.className='b';">
<div id='two'></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”的替代品，我可以用它来定位其他元素。

我已经找到了几个可以执行我正在寻找的操作的脚本，但如果有另一个像我找到的第一个这样的简单脚本，我不想使用又大又长又复杂的脚本。

Answer 1

您可以使用document.getElementById

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