Question

我正在开发一个带有phonegap框架的应用程序。我想知道如何使用onclick javascript函数将一个div标签元素与另一个标签元素一起调用。

这是我的代码：我需要在第一张图像上显示第二张图像。（机智css样式类名称：可见/不可见）

<div id="abc" class="visible">
<img style=" z-index:-1" src="icons/firstimage.jpg" width="100%" height="100%" border="0" alt="logo">
</div>

<div id="def" class="invisible">
<img style=" z-index:-1" src="icons/secondimage.jpg" width="100%" height="100%" border="0" alt="logo" >
</div>

Answer 1

您可以在点击时调用javascript函数，并向第二个div添加可见的类，如下所示

document.getElementById('def').className = 'visible';

<强> DEMO HERE

Answer 2

你可以只包含常规JavaScript，下面我使用的是jQuery，但这只是为了我的方便。

<div onClick="$('#OtherDiv').html('you click')">test</div>
<div id="OtherDiv"></div>

如何使用onclick函数调用div标签元素与另一个div标签元素

2 个答案: