如何让这个按钮在点击时显示段落文本?
onClick
没有被记录,当我点击按钮时我什至看不到警告消息。
function displaySong1() {
alert("asdasf");
}
.button {
background-color: #8C6D09;
color: white;
padding: 16px 32px;
display: inline-block;
margin: 4px 2px;
-webkit-transition-duration: 0.4s;
/* Safari */
transition-duration: 0.4s;
}
.button1 {
background-color: #8C6D09;
color: #FFF;
}
<button class=".button .button1" onClick="displaySong1()">Easy</button>
最佳答案
你只需要设置一个段落 display:none 并设置为 display:block 当你点击时。
function displaySong1() {
var p = document.getElementById("paragraph");
p.style.display = "block";
}
.button {
background-color: #8C6D09;
color: white;
padding: 16px 32px;
display:inline-block;
margin:4px 2px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
.button1{
background-color:#8C6D09;
color:#FFF;
}
#paragraph
{
display:none;
}
just change display:none to display:block on the paragraph
<button class="button button1" onclick="displaySong1()">Easy</button>
<div id="paragraph">
hello
</div>
关于javascript - 我将如何创建一个在点击时显示文本的 javascript 按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45508275/