两个onclick功能在同一个按钮中

Question

我是一名新手初学程序员，我甚至无法弄清楚如何解决这个问题所以请帮忙：

<button type="button" onclick="document.getElementById('but1').style.display='block'""document.getElementById('but2').style.display='block'">Klik!</button

Answer 1

用分号替换双引号：

<button type="button" onclick="document.getElementById('but1').style.display='block';document.getElementById('but2').style.display='block'">Klik!</button

Answer 2

使用jQuery

$('#btn').click(function () {

$('#but1').css("display", "block");
$('#but2').css("display", "block");

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<button id="btn" type="button">Klik!</button>



<button id="but1" type="button">But1!</button>


<button id="but2" type="button">But2!</button>