DOM էլեմենտի ստացումը JavaScript-ում
Այժմ մենք կսովորենք ստանալ էջի DOM էլեմենտները, որպեսզի ապագայում դրանց հետ կատարենք ինչ-որ մանիպուլյացիաներ։
Ենթադրենք ունենք ինչ-որ կոճակ.
<input id="button" type="submit">
Եկեք ստանանք այս կոճակի հղումը փոփոխականի մեջ։
Դրա համար պետք է օգտագործել querySelector
մեթոդը document հատուկ օբյեկտի։ Այս
մեթոդը պարամետրով ընդունում է CSS ընտրիչ և
վերադարձնում է գտնված էլեմենտի հղումը
այդ ընտրիչով։
Մեր կոճակն ունի id ատրիբուտ
button արժեքով։ Այսպիսով, մենք կարող ենք
գտնել այս կոճակը #button ընտրիչով։
Այսպիսով, եկեք գտնենք մեր կոճակը և գրենք
դրա հղումը փոփոխականի մեջ.
let button = document.querySelector('#button');
console.log(button);
Տրված են 3 պարբերություններ.
<p id="elem1">1</p>
<p id="elem2">2</p>
<p id="elem3">3</p>
Յուրաքանչյուր պարբերության հղումը գրեք առանձին փոփոխականի մեջ և արտածեք յուրաքանչյուր փոփոխականի պարունակությունը կոնսոլում։
