在一段时间内切换文本
Switch between texts in a span
我能够用以下代码替换点击时的文本:
function changetext() {
document.getElementById("accounts").innerHTML = "Create Account";
}
<span id="accounts" onclick="changetext()">Login</span>
当单击Create Account
时,这将用Create Account
替换Login
,但不会切换回Login
。我需要在Login
和Create Account
之间切换。
有什么建议吗?
查看文本的基本检查:
function changetext() {
var div = document.getElementById("accounts");
var text = div.innerHTML == "Create Account" ? "Login" : "Create Account";
div.innerHTML = text;
}
<span id="accounts" onclick="changetext()">Login</span>
或者根本没有JavaScript
input[name="log"] { display : none; }
input[name="log"] + label.a {}
input[name="log"] + label.a + label.b { display:none }
input[name="log"]:checked + label.a {display:none}
input[name="log"]:checked + label.a + label.b { display: inline }
<input type="checkbox" id="log" name="log" /><label class="a" for="log">Text 1</label><label class="b" for="log">2 Text</label>
您需要使用if条件检查innerHTML并更改
function changetext() {
var element = document.getElementById("accounts");
element.innerHTML = (element.innerHTML==="Login") ? "Create Account" : "Login";
}
<span id="accounts" onclick="changetext()">Login</span>
当您单击span标记的内容时,会调用changetext()函数,该函数会将内容更改为"创建帐户"。所以你可以这样做:-
function changetext() {
if(document.getElementById("accounts").innerHTML == "Login"){
document.getElementById("accounts").innerHTML = "Create Account";
}
else
{
document.getElementById("accounts").innerHTML = "Login";
}
}
相关文章:
- Canvas+svg路径动画,在路径中的特定点暂停一段时间,然后继续
- 收集一段时间内的EMG数据.建议JS
- 在一段时间内切换文本
- 如何停止字幕文本一段时间,然后继续
- HTTP服务器在一段时间后停止(Node.js)
- Hammer.js过了一段时间就停止工作了
- Meteor-在一段时间内解锁模板(按日期)
- 画布在一段时间后开始滞后
- JS-在一段时间后水平移动图像
- AJAX 调用在获得响应并成功执行时会冻结浏览器一段时间
- 表单提交在一段时间循环PHP,jquery
- 一段时间后生成回发
- 一段时间后自动点击提交按钮
- 如何每隔一段时间更改我网站的背景颜色
- 如何在一段时间后更改文本的颜色
- Jquery 在文本中淡出一段时间
- 更改文本时,有人点击,但一段时间后
- 在一段时间后隐藏文本,并在其位置显示另一个文本并保持循环
- 如何在jquery中更改标题中的文本一段时间
- 显示文本一段时间