Question

我想使用单击按钮更改div的内容，在另一次单击中我想将旧的contenns带回div我正在使用图像作为按钮...

我的div代码在

之下

<div class="pic-container" style="position:absolute; left: 3px; top: 102px;">
<div class="pic-row" >
<img src="images/A.Png" />
<img src="images/B.Png" />     
<img src="images/C.Png" />
<img src="images/D.Png" />
<img src="images/E.Png" />
<img src="images/F.Png" />
<img src="images/G.Png" />
<img src="images/H.Png" />   
<img src="images/I.Png" />
<img src="images/J.Png" />  
<img src="images/K.Png" />   
<img src="images/L.Png" />                    
<img src="images/M.Png" />
<img src="images/N.Png" />
<img src="images/O.Png" />
<img src="images/P.Png" />
<img src="images/Q.Png" />
<img src="images/R.Png" />                       
<img src="images/S.Png" />
<img src="images/T.Png" />
<img src="images/U.Png" />
<img src="images/V.Png" />              
<img src="images/W.Png" />                              
<img src="images/X.Png" />
<img src="images/Y.Png" /> 
<img src="images/Z.Png" />
</div>
</div>
<img  style="position:absolute; left: 272.5px; top: 647px; width: 171px; height: 122.5px;" src="images/Btn_Lower.png"  id="image1" />

请帮我解决这个问题

Answer 1

我不想通过解决你的问题来混淆你，而是想给你一个简短的例子。

你只能使用HTML需要javascript来实现它。所以这是一种方式。

1）当您说 content 时，它在javascript中被称为 innerHTML 。

2）我想你知道 onclick ，它被称为点击事件。类似于你在 keypress，doubleclick 等的javascript中有很多不同的事件，

3）希望您知道 ID ，称为 唯一选择器 。其他选择器如 class ，您可以 HTML5数据属性。

4）要选择一个元素，在JS中你可以使用不同的方法，如

document.getElementById         // select element based on Unique ID
document.getElementsByClassName // select element based on class
document.getElementsByTagName   // select element based on Tag name

如果您有兴趣了解有关javascript的更多信息，请参阅Mozilla Developers Network

以下是我想向您呈现的镜头示例。

HTML：

<div id="divd">First</div>
<button onclick='changeMe()'>Click It</button>

<强> JS：

function changeMe() {
    var div = document.getElementById('divd').innerHTML;
    if (div === 'First') {
        document.getElementById('divd').innerHTML = "Second";
    } else {
        document.getElementById('divd').innerHTML = "First";
    }
}

Demo

通过单击更改div的内容并更改另一次单击

1 个答案: