Dom elementleri yerine ne kullanacagiz ?

Document.getelementsbyid ile sayfada degisiklik, dom ile butona tiklayinca div kaldirma gibi kodlari kaldirmami istiyor google web araclari sayfasinda. Bunun yerine ne kullanabiliriz ki

En genel yöntemi classList.Add() hocam. Bir clasa itemi gizleyen diğerine gösteren özellikler verip clası ekleyip silerek hem animasyon hem diğer işlevleri yapabilirsiniz. İlk defa duyuyorum kullanma dediğini ama sorun olacağını düşünmüyorum. Yine de değiştirmek isterseniz classlist add remove iyi bir yöntem.

Tesekkurler hocam bunu arastiracagim, pagespeed verilerinde de yaziyor. Dom elemenlerini kaldirin diye

Ornek kullanim su sanirim;

let div = document.querySelector('#content');
div.classList.add('info','visible','block');

https://dosya.co/fwef0p7tinry/index.html.html
Evet hocam yukarıdaki linkteki dosyayı da inceleyebilirsiniz. Css js den daha hızlı. Tüm elemanlara ulaşıp tek tek css vermektense örneğin bir ana elemana bir clas ekleyip o clas altındaki öğelerin özelliklerini css ile değiştirebilirsiniz. Hem kasmaz hem çok az js kullanmış olursunuz. Linkteki örnekte butona tıklayınca gözüküyor yazıya tıklayınca gizleniyor. Animasyonlar da transition ile işliyor.

Tesekkur ederim hocam bu konuyu arastirip ogrenmeye calisacagim sanirim dom yerine gecmez bu