我有一个文档,如果没有可用内容,我想在其中隐藏一个链接。所以我想要的是,如果 {{Story}} 为空(该内容是从文档中检索的,但您不必关心它),应该隐藏显示/隐藏故事链接。
我不能使用 jQuery,因为代码不是针对真正的网站,而是针对带有集成浏览器的程序。
<br><div style="margin-left: 10%; margin-right: 10%"><a href="javascript:;" onclick="toggle('Historia');">Show/Hide Story</a>
<div id="Historia" style="display: none; font-size: 12px; overflow: auto"><p align="justify">{{Story}}</p></div></div>
</div>
<script type="text/javascript">
<!--
function toggle(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
//-->
</script>
最佳答案
将 window.onload
设置为一个函数,并在该函数中获取 p
标签检查其内容长度,如果为 0,则隐藏显示/隐藏按钮
window.onload = function(){
var container = document.getElementById("Historia")
.getElementsByTagName("p")[0];
if(container.textContent.length==0){
document.getElementById("showhide").style.display = "none";
}
};
我向显示/隐藏按钮添加了一个 id,以便可以使用 getElementById
关于javascript - 如果 div 为空,隐藏链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24709042/