Question

r 2按钮RED和BLUE。如果点击RED，一些'示例代码'必须来到BLUE'示例代码必须隐藏，'New paragraph'必须来，反之亦然。

Answer 1

您添加onClick侦听器。您可以使用JQuery轻松完成这些操作。

像...一样的东西。

$.('#myRedbutton').click(function(){
  //Do the red button stuff.
};

$.('#myBluebutton').click(function(){
  //Do the blue button stuff.
};

对于pure Javascript，你可以像这样编辑按钮的HTML ..

 <button onclick="redButton()">Red</button>

点击上面的按钮会调用redButton()。

Answer 2

var red = document.getElementById('RED');
var blue = document.getELementById('BLUE');
var sampleCode = document.getElementById('SAMPLE');

red.addEventListener('click', function () {
    blue.style.display = 'none'; // hide blue, and you can use this method to hide every element you want
    sampleCode.style.display = 'block'; // display sampleCode element
};

如何根据特定按钮单击更改代码？

2 个答案: