JavaScript-de DOM elementini almak
Häzir biz sahypanyň DOM elementlerini nädip almalydygyny öwreneris, soňra bolsa olar bilen haýsydyr bir amallary ýerine ýetireris.
Bizde bir düwme bolsun:
<input id="button" type="submit">
Geliň, bu düwmä çykgydy üýtgeýjä alalyň.
Bunun üçin document ýörite obyektiniň
querySelector metodyny ulanmaly. Bu metod
parametr hökmünde CSS selekterini kabul edýär we
şol selektor bilen tapylan elemente çykgydy gaýtarýar.
Bizim düwmäniň id atributy bar, onuň bahasy
button. Şonuň üçin biz bu düwmäni
#button selektory bilen tapyp bileris.
Indi, geliň düwmämizi tapalyň we ona çykgydy
üýtgeýjä ýazalyň:
let button = document.querySelector('#button');
console.log(button);
3 abzas berlen:
<p id="elem1">1</p>
<p id="elem2">2</p>
<p id="elem3">3</p>
Her bir abzasa çykgydy aýratyn üýtgeýjä ýazyň we her bir üýtgeýjäniň mazmunyny konsola çykaryň.