JavaScript DOM (Document Object Model) API’si kullanılarak, bir web sayfasının HTML veya XML belgesi olarak ifade edilen öğeleri programatik olarak seçilebilir, değiştirilebilir veya yeni öğeler eklenebilir.
JavaScript DOM API’sini kullanarak, belge içindeki öğeler arasında gezinmek için aşağıdaki yöntemler kullanılabilir:
getElementById(): Belgedeki bir öğeyi ID’sine göre seçer.
getElementsByTagName(): Belgedeki bir türdeki öğeleri etiket adına göre seçer.
getElementsByClassName(): Belgedeki bir türdeki öğeleri sınıf adına göre seçer.
querySelector(): Belgedeki ilk eşleşen CSS seçicisiye göre bir öğeyi seçer.
querySelectorAll(): Belgedeki tüm eşleşen CSS seçicilerine göre öğeleri seçer.
Belirli bir öğe seçildikten sonra, bu öğenin özellikleri (örneğin, metin içeriği, görünürlük vb.) programatik olarak değiştirilebilir veya bu öğenin alt öğeleri (örneğin, çocuk öğeler) seçilebilir veya yeni öğeler eklenebilir.
Örneğin, belgedeki bir div öğesinin içeriğini değiştirmek için aşağıdaki kod kullanılabilir:
var divElement = document.getElementById(“myDiv”);
divElement.innerHTML = “Yeni İçerik”;
Bu sadece bir örnektir ve DOM API’sinin tüm yapılarını ve yöntemlerini kapsamaz. JavaScript DOM API’sini tam olarak anlamak ve kullanmak için daha fazla öğrenme ve pratik gerekmektedir.