我有一个简单的文件和一个按钮,当我按下它来更改文本并再次触摸它后,它会返回到上一个文本。这是我的html代码:
我想要的是更改按钮的文本。当显示“ JavaScript Master ”框时,按钮文本为“关闭”。而当框不显示时,按钮文字为“打开”
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title> Clase 102 </title>
<style>
button{
width: 200px;
height: 40px;
font-size: 20px;
}
#caja{
width: 300px;
height: 50px;
border: 5px dashed black;
background: #ccc;
text-align: center;
line-height: 50px;
color: black;
font-size: 19px;
font-family: Verdana;
margin-top: 15px;
}
</style>
</head>
<body>
<h1> Aprendiendo JQuery Master en JavaScript </h1>
<button id="todoenuno">
Cerrar
</button>
<div id="caja">
Master en JavaScript
</div>
</body>
<script type="text/javascript" src="JQuery.js"></script>
<script type="text/javascript" src="js.js"></script>
</html>
.js 文件:
$(document).ready(function(){
$('#todoenuno').click(function(){
var that = $(this);
that.html('Cerrar')
$('#caja').toggle('fast');
})
});
我尝试了两件事,一件带有 If:
$('#todoenuno').click(function(){
var that = $(this);
that.html('Cerrar')
if( that.html() = 'Cerrar'){
that.html('Abrir')
}
$('#caja').toggle('fast');
})
然后另一个,非常愚蠢,但很好:
that.html('Abrir');
that.html('Cerrar');
我知道我的查询很愚蠢,但感谢那些帮助我解决这个小问题的人。
你需要的是取点击事件,取按钮的内容进行匹配,然后编写。
在我看来,这个任务很简单,因此可以像这样用纯 JS 来解决:
button
并将其分配给一个变量innerText
,如果它的值为 Close 然后我更改它并将其分配给 Open 如果不是我做相反的事情