取消隐藏点击元素 [英] unhide elements on click
本文介绍了取消隐藏点击元素的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有一个关于JavaScript的小问题。
I've got a little issue with JavaScript. I am not sure if my code not work, or if I am about lunch it wrong way.
<title>Untitled Document</title>
<script language="javascript">
function Unhide()
{
var item = document.getElementsByTagName('p');
for (x; x > item.length; x+1)
{
if (item.item(x).getAttribute('hidden') == ('true'))
{
item.item(x).setAttribute('hidden', 'false');
}
else
{
item.item(x).setAttribute('hidden', 'true');
}
}
}
</script>
</head>
<body>
<div class="Level1">
<p class="Menu"><a href=".\Index.html">Home</a></p>
<div class="Level2">
<p class="Menu"><a href=".\Artykol1.html">Artykół 1</a></p>
<p class="Menu"><a href=".\Artykol2.html">Artykół 2</a></p>
<p class="Menu"><a href=".\Artykol3.html">Artykół 3</a></p>
<p class="Menu"><a href=".\Autorska.html">Artykóły Autorskie</a></p>
</div>
<p class="Menu"><a href=".\Dziennik.html">Dziennik</a></p>
<p class="Menu"><a href=".\Archiwum.html">Archiwum</a></p>
<div class="Level2">
<p class="Menu"><a onclick="Unhide()">Ostatni Tydzień</a></p>
<div class="Level3">
<p class="Menu" hidden="true"><a href=".\Archiwum\OstatniTydzien\Art1_Autor.html">Art1</a></p>
<p class="Menu" hidden="true"><a href=".\Archiwum\OstatniTydzien\Art2_Autor.html">Art2</a></p>
</div>
</div>
</div>
</body>
您可以给我任何提示，如何弄清楚吗？
Could you give me any tip, how to figure it out?
推荐答案
http://davidwalsh.name/html5-隐藏
<script>
function Unhide()
{
var items = document.getElementsByTagName('p');
for ( var x = 0; x < items.length; x++)
{
var item = items[x];
if (item.getAttribute('hidden') == 'true')
{
item.setAttribute('hidden', 'false');
}
else
{
item.setAttribute('hidden', 'true');
}
}
}
</script>
<div class="Level1">
<p class="Menu"><a href=".\Index.html">Home</a></p>
<div class="Level2">
<p class="Menu"><a href=".\Artykol1.html">Artykół 1</a></p>
<p class="Menu"><a href=".\Artykol2.html">Artykół 2</a></p>
<p class="Menu"><a href=".\Artykol3.html">Artykół 3</a></p>
<p class="Menu"><a href=".\Autorska.html">Artykóły Autorskie</a></p>
</div>
<p class="Menu"><a href=".\Dziennik.html">Dziennik</a></p>
<p class="Menu"><a href=".\Archiwum.html">Archiwum</a></p>
<div class="Level2">
<p class="Menu"><a onclick="Unhide()">Ostatni Tydzień</a></p>
<div class="Level3">
<p class="Menu" hidden="true"><a href=".\Archiwum\OstatniTydzien\Art1_Autor.html">Art1</a></p>
<p class="Menu" hidden="true"><a href=".\Archiwum\OstatniTydzien\Art2_Autor.html">Art2</a></p>
</div>
</div>
</div>
这篇关于取消隐藏点击元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
