Javascript getElementsByTagName kullanımı

Sezai AlkanFrontend Developer

JavaScript #javascript #js #getelementsbytagname

Javascript getElementsByTagName kullanımı, bir sayfa içerisinde seçilen html in alt elemanlarının hepsini bize list olarak geri döndürür.

Kullanımı : document.getElementsByTagName()

dönen değer üzerinden elemanlara indis numarası ile ulaşım sağlayabilmekteyiz.

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>

var komple = document.getElementsByTagName("li");
console.log(komple);

Yukarıdaki örneğin console ekran çıktısı aşağıdaki gibidir.

Bize geri döndürülen liste içerisinden bir elemanı yazdırma istiyor isek bu elemanı indis numarası ile ulaşım sağlayabiliriz ve ek olarak bu elemanın alt özelliklerine de erişim sağlanabilmektedir.

var komple = document.getElementsByTagName("li");
console.log(komple[2]);

Yukarıdaki örneğin console çıktısı aşağıdaki gibidir.