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:

html<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ň:

javascriptlet button = document.querySelector('#button');
console.log(button);

html<p id="elem1">1</p>
<p id="elem2">2</p>
<p id="elem3">3</p>