Html DOM свойства и методи

Предишен ◈ Следващото

Свойства и методи определят програмен интерфейс HTML DOM.

интерфейс за програмиране

DOM програмен интерфейс се определя чрез стандартни методи и свойства.







Свойствата често са посочени като нещо, с което трябва да се направи нещо (например, име на хост).

На методи често се споменават като нещо, което трябва да се направи (например премахване на възли).

HTML DOM имоти

Някои DOM свойства:

  • x.innerHTML - текстова стойност х
  • x.nodeName - име (име) възел х
  • x.nodeValue - стойността на х
  • x.parentNode - майка възел х
  • x.childNodes - детето възли на х
  • x.attributes - атрибутите възли х

Забележка: В горната х е възел обект (HTML елемент).

HTML DOM Методи

Някои методи DOM:

  • x.getElementById (ID) - за да получите елемента с посочения идентификационен номер
  • x.getElementsByTagName (име) - получавате всички елементи с посоченото име (наименование) таг
  • x.appendChild (възел) - поставете дете възел в х
  • x.removeChild (възел) - изтриване на дете възел на х






Забележка: В горната х е възел обект (HTML елемент).

innerHTML собственост

Най-лесният начин да се получи или промяна на съдържанието на елемента - използването на имота innerHTML.

innerHTML не е част от спецификацията на W3C DOM. Въпреки това, той се поддържа от всички основни браузъри.

Следният код получава innerHTML (текст) на елемента

с идентификатор = "интро":

Hello World!

В примера по-горе, getElementById е метод, докато innerHTML - това свойство.

ChildNodes свойства и nodeValue

Можем също да използваме свойствата childNodes и nodeValue за съдържание на елемента.

Следният код получава съдържание на елемента

с идентификатор = "интро":

Светът е така!

В горния пример getElementById е метод и childNodes nodeValue - това свойство.

В тези уроци, ние ще използваме най-вече на innerHTML имота. Въпреки това, предвид на по-горе метод е полезен за разбирането на структурата на DOM дърво и обработка на XML файлове.







Предишен ◈ Следващото