Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在css/js中显示点击?_Javascript_Html_Css - Fatal编程技术网

Javascript 如何在css/js中显示点击?

Javascript 如何在css/js中显示点击?,javascript,html,css,Javascript,Html,Css,只是想知道当我点击一个按钮时,如何使点击显示这个词 “电话”将更改为“+971235051” 电话 +971235051 有什么提示吗?我找到了一个切换,但找不到“单击显示” 谢谢创建一个函数和用户innerHTML来更改按钮的文本 函数更改文本(elem){ elem.innerHTML=“+971235051” } Phone您可以使用:focus进行此操作。检查下面更新的代码段 .num,按钮:focus.txt{ 显示:无; } 按钮:focus.num{ 显示:块; } 电话 +

只是想知道当我点击一个按钮时,如何使点击显示这个词 “电话”将更改为“+971235051”

电话
+971235051
有什么提示吗?我找到了一个切换,但找不到“单击显示”


谢谢

创建一个函数和用户innerHTML来更改按钮的文本

函数更改文本(elem){
elem.innerHTML=“+971235051”
}

Phone
您可以使用
:focus
进行此操作。检查下面更新的代码段

.num,按钮:focus.txt{
显示:无;
}
按钮:focus.num{
显示:块;
}
电话
+971235051

在这里,只需利用JS中的onclick事件处理程序,附加一个自定义函数来执行它,并在函数中执行文本更改;)

函数myFunction()
{
document.getElementById(“toClick”).innerHTML=“+971235051”;
}
电话
用jquery试试这个

$('btn')。在('click',function()上{
如果($('#btn').text()!='Phone'){
$('#btn')。文本('Phone');
}否则{
$('#btn')。文本('+971235051');
}
})

电话
对不起,这个答案不正确 可能需要注意新的HTML5.1元素:
(下面是:

span{
显示:无;
}
.btn_激活{
显示:内联;
}

电话
+971235051
电话
<button type="button" class="btn btn-primary">Phone</button>
<span>+971235051</span>
<details>
  <summary>Phone</summary>
  <p>+971235051</p>
</details>