Question

我想在点击Link1和link2时更改某个DIV中的背景颜色。有这么简单的方法吗？

提前谢谢！

Answer 1

只需跟踪点击的div，最后点击两者时，更改背景。这是一个超级简单的解决方案：

HTML

<div onclick="clicked(0)">1</div>
<div onclick="clicked(1)">2</div>

JS

var clickedDivs = [0,0];
function clicked(n) {
    clickedDivs[n] = 1;
    check();
}

function check() {
    if (clickedDivs[0] == clickedDivs[1] == 1)
        document.body.style.background = 'green';
}

在此处试试：http://jsfiddle.net/6Q6kK/

此示例假定您无需按顺序单击它们，因为问题中未提及该部分。

Answer 2

PHP是服务器端语言，使用JavaScript执行此操作：

<a href="#" id="link1">Link 1</a>
<a href="#" id="link2">Link 2</a>

function changeBackground(link1, link2) {
   if(link1 && link2) {
      document.getElementById('Your_div_id').style.backgroundColor = 'red';
   }

}

window.onload = function() {
   var link1 = document.getElementById('link1');
   var link2 = document.getElementById('link2');
   var clicked1 = false;
   var clicked2 = false;

   link1.onclick = function() {
      clicked1 = true;
      changeBackground(clicked1, clicked2);
       return false;
   }
   link2.onclick = function() {
      clicked2 = true;
      changeBackground(clicked1, clicked2);
      return false;
   }

Demo!

Answer 3

<p onclick="document.getElementsByTagName('body')[0].style.backgroundColor='FF0000';"
id="link1"><a href="#">Link 1</a></p>
<br/>
<p onclick="document.getElementsByTagName('body')[0].style.backgroundColor='#0000FF';" 
id="link2"><a href="#">Link 2</a></p>

点击两个链接，做一些动作？

3 个答案: