В этой статье мы проведем манипуляции с DOM и DOM.
DOM (Object Model) – это в основном API программирования для документов HTML и XML, с DOM вы можете указать, как должен быть структурирован ваш документ. С DOM мы можем легко манипулировать элементами нашего документа.
Согласно модели DOM, каждый элемент является объектом, и даже вложенные теги – это объекты и чили, прилагая. HTML Dome в основном выглядит как дерево. Это также называется деревом.
Откройте консоль вашего браузера прямо сейчас. Нажмите Ctrl + Shift + J Введите это в консоли вашего браузера.
console.log(document);
что вы получаете? Вы получите весь HTML -документ возвращен. Здесь объект документа представляет всю веб -страницу.
Если мы хотим получить доступ к каким -либо элементу на веб -странице, нам нужно начать доступ к этому с помощью объекта документа.
Например, Если вы хотите получить домен страницы … просто введите
console.log(document.domain)
Ну, есть много способов сделать это … Вы можете использовать селекторы запросов, GetElement по классу или идентификатор
document.querySelector(".myclass"); var x = document.querySelectorAll(".myclasses"); // if I want to change the background... x.style.backgroundColor = "dark" ;
Вот как вы можете легко манипулировать DOM.
Это всего лишь начинающая статья моей серии JavaScript. Где я бы поделился всем, что я учусь готовить к собеседованиям. Положительный или отрицательный, пожалуйста, оставьте свой отзыв.
Вы можете связаться со мной на Twitter
Вы можете поддержать меня. BuymeaCoffee
Оригинал: “https://dev.to/tewarig/what-is-exactly-dom-and-dom-manipulation-in-a-snap-1pc0”