我想知道如何在頁面上只使用Javascript來隱藏所有div,我無法使用jquery。有沒有辦法做到這一點,而不使用document.getElementByTag附帶的數組?或者如果沒有,你能告訴我如何隱藏所有?謝謝!使用javascript隱藏所有div
5
A
回答
7
使用getElementsByTagName()
獲取所有div
元素的列表,然後將其CSS display
屬性設置爲none
。
var divs = document.getElementsByTagName("div");
for (var i = 0; i < divs.length; i++) {
divs[i].style.display = 'none';
}
DEMO。
1
您將需要使用document.getElementsByTagName
,然後用一個for循環處理所有元素:
var divs = document.getElementsByTagName('div');
for(var i = 0; i < divs.length; i++) {
divs[i].style.display = "none";
}
1
就在這裏擺了個完全不同的解決方案。
你可以一個CSS類設置爲你的身體,這樣
body.hideDivs DIV {
display: none;
}
document.body.className = "hideDivs";
但這將隱藏這些div也,這可能不是你要什麼,這裏的一切信息。
相關問題
- 1. jQuery隱藏div使用懸停顯示所有隱藏的div
- 2. 用JavaScript隱藏div div
- 3. 如何使用JavaScript隱藏和顯示div的所有內容?
- 4. JavaScript隱藏DIV
- 5. Javascript隱藏DIV HTML
- 6. Javascript onclick隱藏div
- 7. 用javascript隱藏div元素
- 8. 使用JavaScript來隱藏div在UIWebView
- 9. 使用javascript顯示後隱藏div
- 10. 隱藏和顯示div,使用javascript
- 11. 使用javascript原型自動隱藏DIV
- 12. 如何使用javascript顯示/隱藏div?
- 13. 如何使用javascript顯示/隱藏div
- 14. 如何使用javascript隱藏/取消隱藏div?
- 15. 使用JQuery顯示/隱藏div面板所需的JavaScript庫
- 16. 用javascript隱藏div div全部
- 17. 檢查所有的div都隱藏
- 18. 隱藏javascript創建的div,直到呈現所有內容
- 19. Javascript代碼隱藏div
- 20. 在JavaScript中隱藏div類?
- 21. 隱藏div javascript(香草)cookie
- 22. Javascript隱藏顯示div
- 23. Javascript隱藏/顯示div
- 24. 有當使用隱藏DIV形式
- 25. 使用jQuery檢查是否所有的div都隱藏了
- 26. 使用WebBrowser控件 - 隱藏所有HTMLElements除了一個Div
- 27. 使用jquery隱藏div中的所有選擇元素?
- 28. 使用jquery隱藏div
- 29. JavaScript - 隱藏所有其他divs
- 30. div在使用jQuery顯示和隱藏div後沒有通過CSS隱藏