Пример использования DOM

Изменение свойства объекта:

<script language=JavaScript>

function changeText() {
var p = document. getElementById("pid");
p.style.color = "blue"
p.style.fontSize = "18pt"
}

</script> <div id="pid" onclick='changeText()'>Hello</div>

Внимание! Обращение в объекту pid осуществляется при помощи метода getElementById объекта document, а непосредственное изменение свойства при помощи конструкции style.NameProperty (NameProperty – название свойства (color, fontSize и т.п)).

Объект document является потомком объекта window, поэтому обращение к объекту pid можно было бы реализовать следующим образом:

<script language=JavaScript>

function changeText() {
var p = window.document. getElementById("pid");
p.style.color = "blue"
p.style.fontSize = "18pt"
}

</script>

<div id="pid" onclick='changeText()'>Hello</div>