русс | укр

Мови програмуванняВідео уроки php mysqlПаскальСіАсемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование


Linux Unix Алгоритмічні мови Архітектура мікроконтролерів Введення в розробку розподілених інформаційних систем Дискретна математика Інформаційне обслуговування користувачів Інформація та моделювання в управлінні виробництвом Комп'ютерна графіка Лекції


Шановні українці! Матеріал був перекладений з російської мови. Тому можуть бути незначні помикли...

Об'єктна модель JavaScript | Властивості об'єкта JavaScript

відповідно До об'єктної моделі документа 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.

Переглядів: 1223

Повернутися взміст


Онлайн система числення Калькулятор онлайн звичайний Науковий калькулятор онлайн