Оглавление

.height() и .width()

Методы .height() и .width() удобны для определения соответственно высоты и ширины элемента. Оба они возвращают значения в виде целого числа без указания единиц измерения (если высота элемента составляет 68 пикселей, то метод .height() возвратит значение 68). Этим он отличается от метода .css(), который возвращает также и единицу измерения.

 
Определите высоту и ширину формы с помощью следующего кода:
console.log("Высота формы: "+$("form").height()+"px");

 

Вы получите в консоли следующий результат.


>>> console.log("Высота формы: "+$("form").height()+"px");
Высота формы: 249px

 

Примечание. Фактическое возвращенное значение высоты формы в вашем браузере может быть иным, в зависимости от типа установленной операционной системы.

 

Передача параметра методу .height() или .width() приводит к установке соответствующего значения.

Установите для всех абзацев на странице высоту 100 пикселей и желтый фон с помощью такого кода:
   $("p").height(100).css("background","yellow");
После выполнения этого кода высота всех абзацев изменится, а их фон станет желтым (рис. 2.18).

 

 Изменение высоты и фона для всех абзацев в документе

 Рис. 2.18. Изменение высоты и фона для всех абзацев в документе

 

 

 

Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити