如何使用html和Javascript隐藏特殊符号后的文本部分？
如何使用html和Javascript隐藏特殊符号后的文本部分？
提问于 2018-07-17 03:43:42
我试图隐藏注册在网站上的每一封用户电子邮件的一部分。
假设我得到了zero@example.com，并且我想隐藏"@“后面的所有内容。只有当有人点击电子邮件的剩余部分时才会显示出来。
任何帮助都将不胜感激。
这只是隐藏了所有的东西。
<p>
<button onclick=".hide('#email')">Hide</button>
<button onclick=".show('#email')">Show</button>
</p>
<div id="email">
<h2>zero@example.com<h2>
</div>回答 2
Stack Overflow用户
发布于 2018-07-17 03:57:36
尝试以下操作：
<script type="text/javascript">
function show(){
document.getElementById('trail').style.display = 'inline';
}
function hide(){
document.getElementById('trail').style.display = 'none';
}
</script>
<p>
<button onclick="hide()">Hide</button>
<button onclick="show()">Show</button>
</p>
<div id="email">
<h2>zero<span id="trail">@something.com</span></h2>
</div>Stack Overflow用户
发布于 2018-07-17 04:02:59
如果知道要使用的字符，则可以使用split ( => https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/split )。在这种情况下：
var full; // let's say, it already has a value (f.e. zero@something.com)
var visiblePart = full.split("@")[0];最终，你可以在点击的时候做这样的事情：
function show(){
document.getElementById("emailH2").innerHTML = full;
}
function hide(){
document.getElementById("emailH2").innerHTML = visiblePart;
}和
<h2 id = "emailH2">zero@something.com<h2>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51369093
复制相关文章
相似问题