Как работать с элементами страницы

Допустим, что на Web странице расположен рисунок. <img id=”image” src=”image.gif” height=”30” width=”50”> с помощью этого скрипта можно изменить и сам рисунок, и его размеры: image.src=”image2.gif”;image.height=40; Видно, что использованы свойства объекта рисунка, имена которых совпадают с названиями соответствующих атрибутов тэга <img>. Имея гиперссылку, можно изменить веб адрес, на который она указывает: <a id=”link” href=”page1.html”>Куда-то</a> link.href=”page3.html”> Можно присвоить текстовому абзацу другой стиль: <p id=”par” class=”someclass”>Некоторый текст</p> par.className=”anotherclass”; par.style=”font-weight: normal”; Можно убрать рамку у HTML таблицы: <table id=”table1” border=”2”>table1.border=0; Видно, что каждый элемент Web страницы представляет собой объект с множеством свойств и методов (как правило, это стандартные методы, поддерживаемые всеми элементами страницы независимо от тэга). Собственные методы имеют только сложные элементы, такие как HTML таблицы. К примеру, метод insertRow  вставляет в таблицу строку с заданным номером: table1.insertRow(5); Данное выражение вставляет в таблицу table1 строку под номером 5. (Индексация с 0). Метод deleteRow удаляет строку с заданным номером из таблицы. Таблица, как сложный объект, поддерживает внутреннюю коллекцию rows, которую можно использовать для доступа к отдельным строкам. table1.rows(5).bgColor=”black”; Строка таблицы - тоже сложный объект и также поддерживает внутреннюю коллекцию cells. table1.rows(5).cells(3).bgColor=”white”; Видно, что объектная модель документа сложна, но и, вместе с тем, очень логично организованна. Нет почти ничего, недоступного для выполнения в скрипте с тем или иным элементом Web страницы.