Сервер

JavaScript

Браузер

HTML

window

body

html

document

Файл ретінде

Айнымалы ретінде

Түйін (node) ретінде

Функция ретінде

Серверге сұраныс жіберу

DOM-мен жұмыс істеу

Стиль жазу

Айнымалы сақтау

document.getId()

document.queryId()

document.getElementById()

document.selectId()

HTML элементін

CSS стилін

JavaScript функциясын

Сурет файлын

getElementByClass

getElementsByClassName

queryClass

selectClass

Барлық элементтер

NodeList

Алғашқы табылған элемент

Массив

Бір элемент

NodeList

String

Object

Қарапайым массив

DOM элементтерінің тізімі

Функция

Объект емес

length жоқ

map әдісі жоқ

index жоқ

тек бір элемент сақтайды

element.textContent

element.value

element.src

element.style

Тек мәтінді қайтарады

HTML кодымен бірге қайтарады

Стильді өзгертеді

Элементті жояды

innerHTML

outerHTML

textContent

append

element.css

element.style

element.design

element.class

element.addClass()

element.className.add()

element.classList.add()

element.class.add()

classList.delete()

classList.remove()

class.remove()

deleteClass()

isEmpty()

getClass()

equals()

toString()

getAttr()

getAttribute()

attribute()

attr()

setAttr()

setAttribute()

addAttribute()

createAttribute()

document.newElement()

document.createElement()

document.addElement()

create()

appendChild()

addChild()

push()

include()

delete()

remove()

erase()

clear()

DOM оқиғасы – бұл веб-бетте орын алатын әрекет немесе өзгеріс.

DOM оқиғасы – бұл деректер базасындағы сұраныс.

DOM оқиғасы – бұл сервердің жауабы.

DOM оқиғасы – бұл CSS стилін өзгерту тәсілі.

onClick()

clickEvent()

addEventListener("click")

addClick()

Бір ғана оқиға

Бірнеше handler қосуға болады

Тек click үшін

Асинхрон емес

Стиль

Оқиға туралы ақпарат

HTML

Сервер жауабы

Бүкіл document

Оқиғаны тудырған элемент

body

window

Барлық суреттер жүктелгенде

HTML толық оқылғанда

Сервер жауап бергенде

CSS дайын болғанда