我有一個很多列的長桌,它看起來對用戶來說真的很難看。我想要做的是創建一個簡單的按鈕,作爲開關,打開和關閉一些列。使用Javascript隱藏/顯示錶列(修復所有瀏覽器?)
是一些列不需要,所以我所做的就是一個類添加到每一個並不需要,如:....
現在,我想我可以做的是:
var hidden = 1;
function toggleTable(){
element_array = document.getElementsByClassName('disabled');
for(i = 0; i < element_array.length; i++){
if(hidden == 1){
element_array[i].style.display = 'none';
}else{
element_array[i].style.display = '';
}
}
if(hidden == 1) hidden = 0;
else hidden = 1;
}
這適用於Firefox中的大部分,但一些快速測試在IE(7 + 8),我得到以下幾點: 消息:對象不支持顯示此屬性或方法
顯然IE不想讓我簡單地改變「display:none;」用於表格列/行之類的東西。
我想不出任何解決方法。理想情況下,我想要一個完全交叉兼容的解決方案來切換某些表列的顯示,但如果它在舊版瀏覽器中不兼容(例如:IE6),那也可以。
看到http://stackoverflow.com/questions/455958/hide-show-column-in-an-html-table – 2011-05-13 07:27:59