Справочник по JavaScript : Объект style : Работа с объектом style
Материал из Справочник Web-языков
Объект 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);