Javascript 如果div为空,是否隐藏链接?
我有一个文档,如果没有可用内容,我想在其中隐藏链接。所以我想要的是,如果{{Story}}是空的(内容是从文档中检索的,但是您不必关心这个),那么Show/Hide Story链接应该被隐藏 我不能使用jQuery,因为代码不是用于真正的网站,而是用于带有集成浏览器的程序Javascript 如果div为空,是否隐藏链接?,javascript,html,css,Javascript,Html,Css,我有一个文档,如果没有可用内容,我想在其中隐藏链接。所以我想要的是,如果{{Story}}是空的(内容是从文档中检索的,但是您不必关心这个),那么Show/Hide Story链接应该被隐藏 我不能使用jQuery,因为代码不是用于真正的网站,而是用于带有集成浏览器的程序 <br><div style="margin-left: 10%; margin-right: 10%"><a href="javascript:;" onclick="toggle('Histo
<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>
{{Story}
设置
窗口。将加载到函数中,并在该函数中获取p
标记检查其内容长度(如果为0)隐藏显示/隐藏按钮
window.onload = function(){
var container = document.getElementById("Historia")
.getElementsByTagName("p")[0];
if(container.textContent.length==0){
document.getElementById("showhide").style.display = "none";
}
};
我在show/hide按钮中添加了一个id,这样就可以使用getElementById
你是说文档加载?如果一个页面上有大量的链接和故事会怎么样?这取决于OP的集成浏览器功能。如果它不能访问likequerySelector
,则需要使用getElementsByClassName
etc polyfills,或者规划一个特定的html结构,这样我们就可以通过它的id获取单个元素,它的所有直接子元素都是链接,并且只需要使用存储在属性或其他内容上的故事id。