getElementsByTagName
Coddy'nin JavaScript DOM Metotları kursunda ders 7 / 13.
getElementsByTagName() fonksiyonu, eşleşen bir HTML etiket adına (örneğin, div, p, span) sahip tüm öğelerden oluşan bir dizi döndürerek sayfa genelindeki belirli öğe türlerini hedeflemenize olanak tanır. Bu, tam olarak getElementsByClassName() fonksiyonu gibi çalışır.
const paragraphs = document.getElementsByTagName("p");paragraphs değişkenindeki tüm p etiketlerini bu şekilde alabiliriz. Tüm paragraflarda değişiklik yapmak için bu değişken üzerinde döngü kurmamız gerekir.
Görev
KolaySize bir HTML kodu verildi.
Sadece JavaScript kullanarak, tüm paragrafları “Updated text” metnini içerecek şekilde değiştirin.
Kendin dene
<!DOCTYPE html>
<html>
<body>
<h1>Welcome to Random HTML!</h1>
<p>This is a randomly generated HTML file. Here's a mix of different elements:</p>
<ul>
<li>This is an unordered list item.</li>
<li>This is another unordered list item.</li>
</ul>
<p>Below are the four randomly generated paragraphs:</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquet ligula sit amet convallis sodales.</p>
<p>Nulla facilisi. Nulla eget metus vitae ligula aliquam rhoncus.</p>
<p>Maecenas feugiat ultricies nisi, id auctor purus laoreet at.</p>
<p>Curabitur vitae dictum arcu, ac fermentum ligula. Duis feugiat arcu non tincidunt posuere.</p>
<blockquote>
<p>This is a blockquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</blockquote>
<p>Thank you for exploring this random HTML file!</p>
<script src="script.js"></script>
</body>
</html>JavaScript DOM Metotları bölümündeki tüm dersler
2DOM Metotları I
getElementByIdEleman Stilini DeğiştirmegetElementsByClassNameDöngü ile Gezinme ve DüzenlemegetElementsByTagNamequerySelector