- Обект на документа
- Свойства на документен обект
- Методи на документ обект
- Пример за обект на документ
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: