Функсияҳо барои кор бо унсури DOM дар JavaScript

Акнун мо функсияҳои кумакиро меомӯзем, ки амалиётҳои гуногунро бо DOM иҷро мекунанд. Масалан, биёед функсияе созем, ки параметри якум он id-и унсурро қабул мекунад, ва дуюм - матни унсурро, ва ба ин унсур матни навро таъин мекунад.

Функсияи тавсифшуда:

function setText(id, text) {
	let elem = document.getElementById(id);
	elem.textContent = text;
}

Биёед кори онро санҷем. Бигзор мо ду абзас дорем:

<p id="elem1"></p>
<p id="elem2"></p>

Биёед матни ин абзасҳоро бо истифода аз функсияи сохтаи мо иваз кунем:

setText('elem1', 'text1');
setText('elem2', 'text2');

Функсияи сохтаи маро тағир диҳед, то ки параметр он id-и унсурро нагирад, балки интихобкунандаи (селектори) CSS-и ихтиёрӣ.

Функсияи setAttr созед, ки сифати (атрибути) унсури DOM-ро иваз мекунад. Бигзор параметри якуми функсия интихобкунандаи (селектори) унсурро, дуввум - номи сифатро, ва сеюм - қимати нави онро қабул кунад.