我需要關於摺疊的幫助,並使用Javascript展開。 這是我跑的代碼格式(.html)在Javascript中摺疊和展開樹結構
<h2>Test</h2> <html lang="en"> <head> <META http-equiv="Content-Type" content="text/html; charset=utf-16"> <title></title> <script type="text/javascript"> function toggleDisplay(element) { element.style.display = element.style.display === 'none' ? '' : 'none'; }; function toggleDisplayAll(elements) { for(var i=0; i<elements.length; i++) { toggleDisplay(elements[i]); } } </script> </head> <body> <ul> <a onclick="toggleDisplayAll(this.parentNode.getElementsByTagName('ul')); return false;" href="#">Name:</a> <ul style="display:none;"> <a onclick="toggleDisplayAll(this.parentNode.getElementsByTagName('ul')); return false;" href="#">Address: </a> <ul style="display:none;"> <a onclick="toggleDisplayAll(this.parentNode.getElementsByTagName('li')); return false;" href="#">Subject: </a> <ul style="display:none;"> <li style="display:none;">Id </li> </ul> </ul> </ul> </ul> </body> </html>
如果運行這個網站,你會得到了把儘可能
Name
的名稱,它的點擊顯示所有子元素
Name: Address: Subject:
論學科的點擊它顯示標識
Name: Address: Subject: . Id
什麼,我想在這裏是每個孩子只應在父點擊打開。
當運行HTML,只有名稱選項將顯示
Name:
在名稱的點擊,只有地址將顯示爲一個子元素。
Name: Address:
地址的onclick,只有主題將顯示
Name: Address: Subject:
比終於在主題的點擊,ID會顯示出來
Name: Address: Subject: . Id
如何實現這個樹結構。我在這裏做錯了什麼。請給我建議。
我沒有看到這個問題jQuery的標籤,你呢? – Oka
哈哈當然沒有。 –
感謝您的回覆。 有沒有什麼辦法可以用Javascript做到。 – user1893874