隐藏链接，如果div为空？

Pcsl 发表于 Dev

个人电脑

我有一个文档，如果没有可用内容，我想在其中隐藏链接。所以我想要的是，如果{{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>

http://jsfiddle.net/zaGT2/

帕特里克·埃文斯（Patrick Evans）

设置window.onload为funciton并在该函数中获取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可以使用

JSFiddle

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。