Нахождение 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 | возвращает содержимое элемента (текст) |