Объект Style

style - это поле практически всех объектов DHTML. C его помощью, по большому счету, и делаются все "навороченные прибамбасы".

Свойства

background, backgroundAttachment, backgroundColor, backgroundImage, backgroundPosition, backgroundPositionX, backgroundPositionY, backgroundRepeat, border, borderBottom, borderBottomColor, borderBottomStyle, borderBottomWidth, borderColor, borderLeft, borderLeftColor, borderLeftStyle, borderLeftWidth, borderRight, borderRightColor, borderRightStyle, borderRightWidth, borderStyle, borderTop, borderTopColor, borderTopStyle, borderTopWidth, borderWidth, clear, clip, color, cssText, cursor, display, filter, font, fontFamily, fontSize, fontStyle, fontVariant, fontWeight, height, left, letterSpacing, lineHeight, listStyle, listStyleImage, listStylePosition, listStyleType, margin, marginBottom, marginLeft, marginRight, marginTop, overflow, paddingBottom, paddingLeft, paddingRight, paddingTop, pageBreakAfter, pageBreakBefore, pixelHeight, pixelLeft, pixelTop, pixelWidth, posHeight, position, posLeft, posTop, posWidth, styleFloat, textAlign, textDecoration, textDecorationBlink, textDecorationLineThrough, textDecorationNone, textDecorationOverline, textDecorationUnderline, textIndent, textTransform, top, verticalAlign, visibility, width, zIndex

Методы

getAttribute, removeAttribute, setAttribute

Как пользоваться. Как правило, атрибуты элементов задаются с помощью каскадных таблиц стилей (css), которые выносят в тэги <style></style> в заголовок документа, или же в отдельный файл (в заголовке документа пишут при этом нечто вроде   "<link rel="stylesheet" href="css.css" type="text/css">, а вообще, поставьте себе HomeSite и разберитесь в 5 минут), либо задают прямо в тэгах, например
<hr style="color:green">

Обратите внимание на отличие формата записи. "Многословные" параметры, при обращении к ним из JS, пишутся слитно, а в CSS - через дефис. Т.е. в CSS, например, задано:

<style>
body
{
background-color:#ffffff;
}
</style>,
а при изменении цвета фона документа из JS, мы пишем

<script>
document.body.style.backgroundColor="#FF0000";
</script>

Как обращаться:
1) Мы можем присвоить каждому тэгу свой ID, и обращаться так:
...
<h1 ID="H_1">Hello</h1>
...
<script>
document.all.H_1.style.color="red";
document.all.H_1.style.textDecoration="underline";
</script>

Hello

2) Если у нас несколько тэгов с одинаковым ID, обращаемся посредством document.all

header1

header2

<script>
function under2()
{
document.all.h_5[0].style.textDecoration="underline";
document.all.h_5[1].style.color="red";
}
</script>
<h5 ID="h_5">header1</h5>
<h5 ID="h_5">header2</h5>
<input type="Button" onClick="under2()" value="begin under2()">,

т.е. обращаемся по индексу.

3) Абсолютно аналогично предыдущему примеру, через набор document.all.item

HEADER3

HEADER4

<h3 ID="H_3">HEADER3</h3>
<h3 ID="H_3">HEADER4</h3>
<script>
function header3()
{
document.all.item("H_3",0).style.textDecoration="underline";
document.all.item("H_3",1).style.color="red";
}
</script>
<input type="Button" onClick="header3()" value="begin header3()">

4) Через document.all.tags:

document.all.tags("hr")[10].style.color="0000FF";

т.е. объектная модель документа подразумевает, что все одинаковые тэги получают свой порядковый номер сверху вниз по тексту HTML, и мы можем в любой момент обратиться к любому элементу по его порядковому номеру.

Свойства

document.all.tags("IMG").item(0).style.posHeight += 10;