მეთოდი getElementsByTagName

მეთოდი getElementsByTagName საშუალებას გაძლევთ მიიღოთ გვერდის ელემენტები ტეგის სახელით. მიღებულ ელემენტებთან შეგიძლიათ სხვადასხვა მანიპულაციების შესრულება: შეცვალოთ მათი ტექსტი, ატრიბუტები, CSS სტილები და ა.შ.

სინტაქსი

javascriptdocument.getElementsByTagName(ტეგის სახელი);

მაგალითი

მოდით მივიღოთ ყველა აბზაცი და შევცვალოთ მათი ტექსტი თვისების innerHTML გამოყენებით:

html<p>ელემენტი 1</p>
<p>ელემენტი 2</p>
<p>ელემენტი 3</p>
javascriptlet elems = document.getElementsByTagName('p');

for (let elem of elems) {
  elem.innerHTML = '!!!';
}

კოდის შესრულების შედეგი:

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

იხილეთ ასევე

  • მეთოდი querySelectorAll,
    რომელიც იღებს ელემენტების ჯგუფს სელექტორის მიხედვით
  • მეთოდი getElementsByClassName,
    რომელიც იღებს ელემენტების ჯგუფს კლასის მიხედვით