СКРЫТИЕ ЭЛЕМЕНТОВ ТАБЛИЦЫ
Доброго времени суток!
помогите пожалуйста у меня есть таблица: <table> <tr id="a00"> <td>1</td> </tr> <tr id="a01"> <td>2</td> </tr> <tr id="a02"> <td>3</td> </tr> <tr id="a03"> <td>4</td> </tr> <tr id="a04"> <td>5</td> </tr> </table> - всего 5 строк у каждой свой id - как мне скрыть часть таблицы допустим со второй строки по последнюю или еще как нибудь.. Заранее, спасибо!:thanks: |
чем большем тем тем больше шансов на ответ - не правильная логика !
|
Цитата:
|
а насчет вашей проблемы:
используйте класс, к примеру : задайте класс 'hideTd' и потом скрывайте нужные елементы |
var allCells = []; for (i=0;i<5;i++) { var elem = document.getElementById("a0"+i); allCells.push(elem); } allCells[2].style.visibility = 'hidden'; allCells[3].style.visibility = 'hidden'; |
Цитата:
|
добавить проверок
<style> td { border: solid 1px; } </style> <table> <tr id="a00"> <td>11</td> <td>12</td> </tr> <tr id="a01"> <td>21</td> <td>22</td> </tr> <tr id="a02"> <td>31</td> <td>32</td> </tr> <tr id="a03"> <td>41</td> <td>42</td> </tr> <tr id="a04"> <td>51</td> <td>52</td> </tr> </table> <button>hide</button> <button>show</button> <script> window.onload = function () { var elems = document.body.children; var rows = elems[0].rows; var len = rows.length; for (var i = 0; i < len; i++) { rows[i].style.display = 'block'; } function sh(first, last, mode) { var l = last - first; if (l < len) { var disp; if (mode == 'hide') { disp = 'none'; } else { disp = 'block'; } for (var i = first; i <= l; i++) { if (rows[i].style.display != disp) { rows[i].style.display = disp; } } } } elems[1].onclick = function () { var first = prompt('first', 1); var last = prompt('last', 2); sh(first, last, 'hide'); } elems[2].onclick = function () { var first = prompt('first', 1); var last = prompt('last', 2); sh(first, last, 'show'); } } </script> |
так получше будет
<style> td { border: solid 1px; } </style> <table> <tr id="a00"> <td>11</td> <td>12</td> </tr> <tr id="a01"> <td>21</td> <td>22</td> </tr> <tr id="a02"> <td>31</td> <td>32</td> </tr> <tr id="a03"> <td>41</td> <td>42</td> </tr> <tr id="a04"> <td>51</td> <td>52</td> </tr> </table> <button>hide</button> <button>show</button> <script> window.onload = function () { var elems = document.body.children; var rows = elems[0].rows; var len = rows.length; for (var i = 0; i < len; i++) { rows[i].style.display = 'block'; } function sh(first, last, mode) { if (last < len) { if (last == first) { var l = last + 1; } else if (last > first) { var l = last + 1; } } else { return; } var disp; (mode == 'hide') ? disp = 'none': disp = 'block'; for (var i = first; i < l; i++) { if (rows[i].style.display != disp) { rows[i].style.display = disp; } } } elems[1].onclick = function () { var first = Number(prompt('first', 1)); var last = Number(prompt('last', 2)); sh(first, last, 'hide'); } elems[2].onclick = function () { var first = Number(prompt('first', 1)); var last = Number(prompt('last', 2)); sh(first, last, 'show'); } } </script> |
Цитата:
|
Цитата:
В данном случае нужно либо использовать class либо rows . |
Часовой пояс GMT +3, время: 16:11. |