Javascript HTML DOM : mengganti warna teks <p>

Kenapa kalau document.getElementByTagName('p').style.color = "blue"; ga bisa mengubah warna padahal syntaxnya udah sama seperti yang pilihan A (valid) ?

Terima kasih…

2 Likes

Hi @kevin,

Ada bug kecil di dalam kodinganmu.

Jika menggunakan native function bawaan getElementByTagName return dari method ini adalah array bro! Jadi cara kamu buat manggil nya seharusnya seperti ini:

document.getElementByTagName('p')[0].style.color = 'blue';

Mungkin kamu bingung kenapa hasil return data-nya harus berbentuk array?
Coba bayangkan tag p. Misal kamu punya web blog, kira-kira akan ada berapa tag p yang kamu gunakan? Pastinya lebih dari 1 dong?
Karena itu lah kenapa hasil data nya berbentuk array.

Tapi berbeda kalau kamu menggunakan function getElementById, kamu tidak perlu memanggil nya seperti array karena return data nya tidak berbentuk array (karena attribute id pada satu file HTML tidak boleh berulang karena itu tidak mungkin ada lebih dari 1).

Semoga membantu ya.
Cheers.

1 Like

Wahh penjelasannya benar-benar mudah dimengerti mas, terima kasih banyak mas!

Hi Bro @kevin,

Sama-sama mas bro! Semangat belajarnya bareng-bareng ya​:fire::fire::fire:

Cheers.