Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Определить размеры ячейки таблицы. (https://javascript.ru/forum/dom-window/18838-opredelit-razmery-yachejjki-tablicy.html)

kuzya_vl 17.07.2011 22:58

Определить размеры ячейки таблицы.
 
Есть таблица:
<body onload=getCellSize();>
<table>
  <tr>
     <td>&nbsp;</td>
     <td id="mycell">&nbsp;</td>
  <tr>
</table>
<body>
function getCellSize()
{
  alert(document.getElementById("mycell").width);
  alert(document.getElementById("mycell").heigth);
}

Alert'Ы ничего не возвращают !!!
Как определить размер ячейки?
(style.width тоже ничего не возвращает)

kobezzza 17.07.2011 23:12

clientHeight / clientWidth

Ещё можно через offset
offsetHeight = clientHeight + padding + border;
offsetWidth = clientWidth + padding + border;

В ИЕ6 по моему тока + border

(Sandr) 17.07.2011 23:49

kuzya_vl,
Вот рабочий код :)
<html>
<head><script>
function getCellSize()
{
  alert(document.getElementById("mycell").offsetWidth);
  alert(document.getElementById("mycell").offsetHeight);
}
</script>
</head>
<body onload=getCellSize();>
<table>
  <tr>
     <td>олоол</td>
     <td id="mycell">ололо</td>
  <tr>
</table>
<body>
</html>

trikadin 18.07.2011 00:13

(Sandr), в фф он ни разу не рабочий. Поправьте то безобразие, что вы написали.

Anonim 06.10.2016 14:04

Код который написал kuzya_vl рабочий просто он забыл закрыть тэг tr
<html>
<head><script>
function getCellSize()
{
alert(document.getElementById("mycell").offsetWidt h);
alert(document.getElementById("mycell").offsetHeig ht);
}
</script>
</head>
<body onload=getCellSize();>
<table>
<tr>
<td>олоол</td>
<td id="mycell">ололо</td>
</tr>
</table>
<body>
</html>

Pavel M. 11.10.2016 11:11

здесь хорошо рассказано о получении размеров элементов https://learn.javascript.ru/metrics


Часовой пояс GMT +3, время: 18:23.