Функции для работы с DOM элементами

Нахождение HTML (DOM) элементов

Метод Описание
document.getElementById("id") возвращает элемент по его id
document.getElementsByTagName("tag") возвращает элементы по тегу
document.getElementsByClassName("class") возвращает элементы по CSS селектору
document.querySelectorAll("tag.class") возвращает все элементы
document.querySelector("class") возвращает первый элемент
document.links возвращает элементы <a> и <area> с атрибутом href
document.ancors возвращает элементы <a> с атрибутом name
document.applets возвращает элементы <applet> (исключен в HTML5)
document.body возвращает элемент <body>
document.documentElement возвращает элемент <html>
document.head возвращает элемент <head>
document.title возвращает элемент <title>
document.embeds возвращает элементы <embed>
document.forms["id"] возвращает элементы <form>
document.images возвращает элементы <img>
document.scripts  возвращает элементы <script>

Получение meta-информации

Метод Описание
document.baseURI возвращает базовый путь URI страницы
document.cookie возвращает cookie страницы
document.doctype возвращает doctype страницы
document.documentMode возвращает mode используемый браузером
document.documentURI возвращает URI страницы
document.domain возвращает имя домена страницы
document.implementation возвращает DOM реализацию
document.inputEncoding возвращает кодировку страницы
document.lastModified возвращает последнюю дату изменения страницы
document.readyState возвращает статус страницы (loading)
document.referrer возвращает URI источника страницы
document.strictErrorChecking выполняется в случае ошибки
document.URL возвращает полный путь URL страницы

Изменение HTML элементов

Метод Описание
element.innerHTML = value изменение содержимого элемента
element.setAttribute(attribute,value) изменение атрибута элемента
element.attribute = "value" изменение атрибута элемента
element.style.property = "value" изменение CSS свойства элемента

Создание и удаление HTML элементов

Метод Описание
document.createElement("tag") создание HTML элемента
document.removeChild("tag") удаление HTML элемента
document.appendChild(value) добавляет созданный HTML элемент
document.replaceChild(addValue, delValue) заменяет HTML элемент на другой
document.write("text") запись в выходной поток HTML

Управление содержимым HTML элементов

Метод Описание
element.innerHTML отображение содержимого элемента
element.textContent возвращает содержимое элемента (текст)