2013-10-10 220 views
-1

我有一個JavaScript問題。我不確定我的代碼是否工作不正常,或者如果我的午餐方式錯誤。點擊取消隱藏元素

<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> 

你能給我提示,如何弄清楚?

回答

0

http://davidwalsh.name/html5-hidden

<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> 
+0

酷眼。做得好! – user2868288

1
function Unhide() 
{ 
var items = document.getElementsByTagName('p'); 
for (var x in items) 
{ 
    if (x.style.display == 'none') 
    { 
     x.style.display = ''; 
    } 
    else 
    { 
     x.style.display = 'none'; 
    } 
} 
} 

items是一組元素。用for循環遍歷它們並設置style.display屬性。

參考:http://www.w3schools.com/jsref/prop_style_display.asp

+0

仍然沒有反應上單擊。 – user2868288