відповідно До об'єктної моделі документа DOM (Document Object Model),
яка підтримується мовою JavaScript, всі теги Web сторінки є
об'єктами і поміщені в колекцію, яка називається document.all (специфікацію DOM можна отримати за адресою
http://www.w3.org/DOM/). Колекція відрізняється від асоціативних масивів тим, що крім властивостей має також методи, тобто сама є об'єктом.
Завдяки об'єктної моделі документа з'явилася
можливість програмно з допомогою JavaScript отримати доступ до будь-якого об'єкта
(тегу) Web сторінки для визначення та/або зміни його властивостей з допомогою
пвыражения объект.свойство.
якості властивості об'єкта JavaScript можуть бути вказані:
- HTML-параметри тегів (записуються прописними літерами);
- властивості каскадних аркушів стилів CSS;
- загальні властивості тегів, пов'язані з введенням об'єктної моделі документу:
- tagName - назва тегу;
- sourceIndex - порядковий номер тега в колекції document.all;
- innerText - текстове вміст елементу Web-сторінки, що містить текст
дочірніх елементів, але виключаючи будь-які теги HTML. Якщо присвоїти елементу нове
значення, весь вміст елементу буде замінено;
- outerText - текстовий вміст елементу Web-сторінки, що містить текст
дочірніх елементів, але виключаючи будь-які теги HTML. Якщо присвоїти елементу нове
значення, весь вміст елементу і сам елемент будуть замінені;
- innerHTML - все вміст елементу: текст і теги дочірніх елементів. Якщо
присвоїти цій властивості нове значення, весь вміст елементу буде замінено;
- outerHTML - все вміст елементу: текст і теги дочірніх елементів, а
також теги, що утворюють цей елемент. Якщо присвоїти цій властивості нове значення,
весь вміст елементу і сам елемент будуть замінені;
- parentElement - тег-батько (для всіх тегів, крім першого в HTML-документі).
При використанні HTML-параметрів як властивостей об'єктів необхідно
вказувати тільки такі параметри, які допустимі для цього тега. Наприклад,
писпользование параметра ALIGN для тегу <FONT> призведе до помилки.
як властивостей об'єктів використовуються
властивості каскадних аркушів стилів, то, оскільки лексика CSS відрізняється від
лексики JavaScript, необхідно перетворити форму властивості CSS у форму властивості
об'єкта JavaScript. Для цього застосовується наступне правило: якщо властивість CSS
складається з одного слова, то перетворення не вимагається; якщо властивість CSS
складається з декількох слів, записаних через дефіс, то в позначенні властивості
для JavaScript всі знаки дефіса прибираються, перше слово властивості пишеться з
великої букви, а друге слово і подальші слова властивості пишуться з великої
букви. Наприклад, властивість CSS-size на JavaScript
пбудет виглядати так: fontSize, а властивість CSS list-style-image:url(URL) так:
listStyleImage="url(URL)".
використанні объктной моделі документа доступ
до всіх властивостям CSS здійснюється за допомогою об'єкта , який має такі властивості:
- ;
- currentStyle;
- runtimeStyle.
Властивості дозволяє здійснити доступ для
визначення та/або зміни тільки тих властивостей CSS, які задані вбудовано у
птэге з допомогою параметра STYLE. Для цього використовується вираз style.свойство CSS, наприклад, style.fontSize.
за допомогою властивості не можна отримати доступ до властивостей CSS,
вказаними в тегу-контейнері <STYLE> </STYLE>. Для цього необхідно
скористатися властивістю currentStyle, яка дозволяє
визначити поточні значення властивостей CSS (без їх зміни), які вказані як
з допомогою параметра STYLE, так і за допомогою тега <STYLE>, а також значення
HTML-параметрів.
допомогою властивості runtimeStyle об'єкти JavaScript можна змінити на
екрані без зміни значень властивостей CSS параметра STYLE.
Визначення властивостей об'єктів web-сторінки (загальних,
заданих з допомогою HTML-параметрів або за допомогою властивостей CSS) дивитися в --> Об'єкт event в JavaScript.
