VPF::Глюк JS + CSS - Форум программистов

OlegNT

Дата 19.8.2006, 11:29 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 58
Регистрация: 21.3.2006
Где: Нижний Тагил

Репутация: нет
Всего: нет

Код


<html>
<head>
<style>
TABLE.mytable
{
    height: 200px;
}
</style>
</head>
<body>

<table class="mytable" id="tbl">
<tr>
    <td>Text</td>
</tr>
</table>

<button onclick="javascript: alert(document.getElementById('tbl').style.height);">Button</button>

</body>
</html>

почему при нажатии на кнопку в сообщении пусто?

AlexST

Дата 19.8.2006, 13:18 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 331
Регистрация: 30.4.2006
Где: Москва

Репутация: нет
Всего: 3

Цитата(OlegNT @ 19.8.2006, 11:29

)

почему при нажатии на кнопку в сообщении пусто?

Потому что нечего возвращать.
getElementById - метод возвращает ссылку на первый элемент объекта с заданным именем (значением атрибута ID).

Это сообщение отредактировал(а) AlexST - 20.8.2006, 15:27

Vaulter

Дата 19.8.2006, 13:49 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1724
Регистрация: 30.12.2002
Где: бункер

Репутация: 1
Всего: 22

OlegNT,

Код


<html>
<body>

<table class="mytable" id="tbl" style="height: 200px;">
<tr>
    <td>Text</td>
</tr>
</table>

<button onclick="javascript: alert(document.getElementById('tbl').style.height);">Button</button>

</body>
</html>

а вот так работает :/

--------------------

korisarimi

Дата 19.8.2006, 14:14 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 111
Регистрация: 9.5.2006

Репутация: нет
Всего: 1

Цитата

Потому что нечего возвращать.
getElementById - метод возвращает ссылку на первый элемент страницы с заданным именем (значением атрибута ID).

Не согласен, он же написал не document.getElementById('tbl'), а document.getElementById('tbl').style.height ссылается на свойство элемента.

AlexST

Дата 19.8.2006, 14:49 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 331
Регистрация: 30.4.2006
Где: Москва

Репутация: нет
Всего: 3

Цитата(korisarimi @ 19.8.2006, 14:14

)

ссылается на свойство элемента

которого нет smile

. Свойство height не наследуется. (т. е. необходимо явное определение, что подтверждает Vaulter).
К тому же атрибут height в стандарте HTML 4.x отменен для таблиц, и вообще лучше им не пользоваться.

Это сообщение отредактировал(а) AlexST - 19.8.2006, 15:02

smartov

Дата 19.8.2006, 23:21 (ссылка)

(нет голосов)

Загрузка ...

свой собственный

Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 7
Всего: 259

OlegNT, надо юзать так

Код


<button onclick="javascript: alert(document.getElementById('tbl').offsetHeight);">Button</button>

Sardar

Дата 20.8.2006, 02:32 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

AlexST, два поста, оба абсолютно ошибочны, читай внимательней. С первым всё ясно, со вторым, height непосредственно в аттрибутах тега отменили (наследние нетскейпа), в стилях же (style.height) наоборот активно пропагандируються (визуальный вид вообще только в стилях задавать, вёрстка для структуры).

OlegNT, как уже сказал smartov, пользуйся offset(Height|Width), как (по моему) альтернатива от IE, которую все стали поддерживать из-за непоняток с наследуемыми стилями.

--------------------

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

AlexST

Дата 20.8.2006, 16:11 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 331
Регистрация: 30.4.2006
Где: Москва

Репутация: нет
Всего: 3

Sardar, я плохо выразился. Имею в виду то, что через обращение к стилю таблицы (style.height) значение высоты узнать не получается ("его невидно"). Дальше написал лишнее по невнимательности:

Цитата(Sardar @ 20.8.2006, 02:32

)

читай внимательней

У самого были конкретные заморочки с height, пока ещё каша в голове smile

.

Согласен что

Цитата(Sardar @ 20.8.2006, 02:32

)

в стилях же (style.height) наоборот

Цитата(Sardar @ 20.8.2006, 02:32

)

непоняток с наследуемыми стилями

точно!

Это сообщение отредактировал(а) AlexST - 20.8.2006, 16:14

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »