Форум

kuzya_vl · #1 (**permalink**) 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 · #2 (**permalink**) 17.07.2011, 23:12

clientHeight / clientWidth

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

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

(Sandr) · #3 (**permalink**) 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 · #4 (**permalink**) 18.07.2011, 00:13

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

Anonim · #5 (**permalink**) 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. · #6 (**permalink**) 11.10.2016, 11:11

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

Форум

Справочник

Discord чат

Курсы javascript