Объект style позволяет изменить стиль любого элемента Web-страницы,
просто присвоив нужному свойству необходимое значение. paragraph1.style.fontSize = 7; Можно изменить геометрические размеры элемента: image1.style.height = "100mm"; image1.style.width = "120mm";
и его месторасположение: iamge1.style.top = "200px"; image1.style.left = "50px";
Заметьте, что мы присваиваем свойству строковые значения геометрических
параметров с указанием единицы измерения. Это не очень удобно для вычислений,
поэтому объект style предоставляет свойства pixel, принимающие и
возвращающие числовые значения в пикселах: image1.style.pixelHeight = 400; iamge1.style.pixelLeft +=5;
Также можно использовать свойства pos, возвращающие и принимающие
числовые значения в тех единицах измерения, в которых эти значения были заданы в
определении стиля. <IMG src="image1.gif" id="image1" style="height: 100mm; width: 100"> nheight = image1.style.posHeight; // Значение в миллиметрах nwidth = image1.style.posWidth; // Значение в пикселах
Вы можете использовать методы getAttribute, setAttribute и
removeAttribute для получения и установки значения и удаления какого-либо
свойства стиля: paragraph1.style.setAttribute("borderBottomWidth", 5, false); paragraph1.style.removeAttribute("borderTopWidth", false);
Назад | Содержание | Вперед |