Semalt: Атрибути на елементи. Всичко, което трябва да знаете

Document Object Model (DOM) е интерфейс за програмиране на приложения (API) за добре структурирани XML и HTML документи. API дефинира крайната структура на документите, начина за достъп до тях и начина, по който уеб-стъргачите имат достъп и остъргват документи в мрежата.

DOM работи за извличане и промяна на атрибути, присъстващи в HTML елементи. С Dom можете да получите достъп до атрибути и стилове на елементи, използвани в определен документ. С малко техники за изстъргване можете да извлечете фоновото изображение на целевия документ.

HTML DOM възли

Що се отнася до JavaScript, DOM се определя като стандарт на W3C World Wide Web Consortium. Dom се използва за определяне и илюстриране на стандарт за достъп до документи. Моделът позволява на скриптове и програми да актуализират и да имат достъп до структурата, използвана за писане на документ.

Когато става въпрос за HTML DOM, всичко може да се счита за възел. Например:

  • Всички HTML атрибути са атрибутни възли;
  • Коментарите са възли за коментари;
  • Всички HTML елементи са елементи на възли;
  • Самият документ се нарича възел на документ;

Моделът на обект на документ се използва за достъп и манипулиране на елементи в XML и HTML документи. Елементите се организират и управляват в структура от данни (подобна на дърво), която лесно може да се премине за навигация и модификация. Можете да добавите класове към DIV, body или HTML елемент с помощта на Cascading Style Sheets (CSS) или да взаимодействате с елементите, използвайки JS.

Какво трябва да знаете за свойствата на атрибутите

Възлите могат да бъдат достъпни и манипулирани, като се използват съответните им индексни номера, където минималният индекс е "0". Свойството на атрибутите работи, като връща подробна колекция от атрибути на конкретен възел, като обекта NamedNodeMap. Обърнете внимание, че численото индексиране ще ви помогне да преминете през атрибут на елемент.

Атрибут на елемент

Свойството атрибут на елемента връща валидна колекция от всички атрибутни възли, които са регистрирани в определен възел. С прости думи, това е NamedNodeMap. Следователно липсват методи на Array. Възлите Attribute (двойка низове, представляващи всякакви данни относно дадения атрибут) могат да се различават в зависимост от използвания браузър.

В тази публикация NamedNodeMap Object представлява неструктурирана колекция от атрибути на специфичен елемент. Не е нужно да изпадате в паника в съответния браузър, който използвате. Обектът NamedNodeMap и обектът Attribute се поддържат в основните уеб браузъри.

Обектът NamedNodeMap се състои от дължина, която можете да използвате, за да определите точния брой атрибути. След като идентифицирате общия брой атрибути в документа, прегледайте атрибутите възли и извлечете вашата целева информация. Когато извличате данни от текст, имайте предвид, че атрибутите HTML също се наричат атрибутни възли, съдържащи свойства за вашия обект Attribute.

За любителите на Internet Explorer трябва да отбележите, че свойството на атрибутите има тенденция да връща подробна колекция от възможните атрибути за конкретен елемент. След като се генерира DOM възел за всеки даден HTML елемент, много от атрибутите се отнасят до атрибути, носещи същите имена. Когато разработвате изходен HTML код, можете да определите атрибутите на вашите HTML елементи. След като браузърът ви анализира скрипта ви, ще бъде създаден съответен DOM с подобен възел. Съответният възел се обозначава като обект.