Методи getElementsByTagName

Методи getElementsByTagName имкон медиҳад, ки элементҳои саҳифаро бо номи тег ба даст оред. Бо элементҳои дастёфташуда метавон гуногун манипулятсияҳо анҷом дод: матн, сифатҳо, услуби CSS ва ғайраҳои онҳоро тағйир дод.

Синтаксис

javascriptdocument.getElementsByTagName(номи тег);

Намуна

Биёед ҳамаи абзацҳоро гирифта ва матни онҳоро бо воситаи сифати innerHTML тағйир диҳем:

html<p>element 1</p>
<p>element 2</p>
<p>element 3</p>
javascriptlet elementho = document.getElementsByTagName('p');

for (let element of elementho) {
  element.innerHTML = '!!!';
}

Натиҷаи иҷрои код:

html<p>!!!</p>
<p>!!!</p>
<p>!!!</p>

Ҳамчунин нигаред

  • методи querySelectorAll,
    ки гурӯҳи элементҳоро бо селектор ба даст меорад
  • методи getElementsByClassName,
    ки гурӯҳи элементҳоро бо класс ба даст меорад