Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.07.2011, 22:58
Аватар для kuzya_vl
Интересующийся
Отправить личное сообщение для kuzya_vl Посмотреть профиль Найти все сообщения от kuzya_vl
 
Регистрация: 27.06.2011
Сообщений: 14

Определить размеры ячейки таблицы.
Есть таблица:
<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 тоже ничего не возвращает)
Ответить с цитированием
  #2 (permalink)  
Старый 17.07.2011, 23:12
Аватар для kobezzza
Быдлокодер;)
Отправить личное сообщение для kobezzza Посмотреть профиль Найти все сообщения от kobezzza
 
Регистрация: 19.11.2010
Сообщений: 4,338

clientHeight / clientWidth

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

В ИЕ6 по моему тока + border
__________________
kobezzza
code monkey

Последний раз редактировалось kobezzza, 17.07.2011 в 23:18.
Ответить с цитированием
  #3 (permalink)  
Старый 17.07.2011, 23:49
Профессор
Отправить личное сообщение для (Sandr) Посмотреть профиль Найти все сообщения от (Sandr)
 
Регистрация: 14.10.2010
Сообщений: 376

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>
Ответить с цитированием
  #4 (permalink)  
Старый 18.07.2011, 00:13
Аватар для trikadin
Модератор
Отправить личное сообщение для trikadin Посмотреть профиль Найти все сообщения от trikadin
 
Регистрация: 27.04.2010
Сообщений: 3,417

(Sandr), в фф он ни разу не рабочий. Поправьте то безобразие, что вы написали.
__________________
Читайте:
Ты любопытный) Всё-таки, ничему в этом мире не помешает хорошая доля юмора)
Как спросить, чтобы вам ответили
Часто Задаваемые Вопросы (FAQ)
Ответить с цитированием
  #5 (permalink)  
Старый 06.10.2016, 14:04
Новичок на форуме
Отправить личное сообщение для Anonim Посмотреть профиль Найти все сообщения от Anonim
 
Регистрация: 06.10.2016
Сообщений: 1

Код который написал 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>
Ответить с цитированием
  #6 (permalink)  
Старый 11.10.2016, 11:11
Лаборант :-)
Отправить личное сообщение для Pavel M. Посмотреть профиль Найти все сообщения от Pavel M.
 
Регистрация: 08.11.2011
Сообщений: 806

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
onmouseout для ячейки таблицы. Sir_Hally Events/DOM/Window 2 24.01.2012 17:21
OnClick ячейки таблицы и ссылки в этой ячейке MasDen Javascript под браузер 2 30.06.2011 10:34
Как получить содержимое ячейки таблицы Enxiro jQuery 5 29.05.2011 16:36
определить положение ячейки в таблице RRRinat Элементы интерфейса 6 27.04.2010 14:32
позиция рисунка внутри ячейки таблицы. arlek1n Общие вопросы Javascript 11 22.12.2008 10:21