logo

Обектен модел на документ

  1. Обект на документа
  2. Свойства на документен обект
  3. Методи на документ обект
  4. Пример за обект на документ

The документен обект представлява целия html документ.

Когато html документът се зареди в браузъра, той става обект на документ. Това е коренов елемент който представлява html документа. Има свойства и методи. С помощта на обекта на документа можем да добавим динамично съдържание към нашата уеб страница.

Както бе споменато по-рано, това е обект на window. Така

 window.document 

е същото като

sts изтегляне
 document 

Според W3C - „W3C Document Object Model (DOM) е платформа и езиково неутрален интерфейс, който позволява на програмите и скриптовете динамично да осъществяват достъп и да актуализират съдържанието, структурата и стила на документ.“


Свойства на документен обект

Нека да видим свойствата на документния обект, които могат да бъдат достъпни и модифицирани от документния обект.


Методи на документ обект

Можем да осъществяваме достъп и да променяме съдържанието на документа чрез неговите методи.

Важните методи на документен обект са следните:

МетодОписание
напиши ('низ')записва дадения низ върху документа.
writeln('низ')записва дадения низ в документа със знак за нов ред в края.
getElementById()връща елемента с дадена стойност на id.
getElementsByName()връща всички елементи с зададената стойност на името.
getElementsByTagName()връща всички елементи с даденото име на етикет.
getElementsByClassName()връща всички елементи с даденото име на клас.

Достъп до стойност на поле чрез обект на документ

В този пример ще получим стойността на въведен текст от потребител. Ето, ние използваме document.form1.name.value за да получите стойността на полето име.

Тук, документ е основният елемент, който представлява html документа.

форма1 е името на формата.

име е името на атрибута на въведения текст.

стойност е свойството, което връща стойността на въведения текст.

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

 function printvalue(){ var name=document.form1.name.value; alert('Welcome: '+name); } Enter Name: 

Резултат от горния пример

Въведи име: