HTML5 - DOM bölüm 1

NS GÜNEŞ hangi anlamına gelir Belge Nesnesi ModeliHTML belgemizdeki öğelerin nesne temsilinden başka bir şey değildir, bu sayede Javascript ile daha derin bir bağlantı kurabiliriz ve çok ilginç efektler elde ederiz; Ancak, bu seviyeye ulaşmak için öncelikle DOM'un uygulanması ve kullanımı için kendimizi nasıl idare edeceğimizi çok iyi bilmeliyiz.
DOM'yi Anlamak
kavramının genişletilmesi GÜNEŞ temsil eden bir nesneler topluluğu olduğunu da ekleyebiliriz. HTML Belgede, adı içinde bir modelin ne olduğunu görüyoruz ve temsil ettiği anahtar kelime, HTML belgesinin temsili bir modelidir.
DOM, HTML ve Javascript belgelerimiz arasında yapı ve içerik arasında bir köprü sağladığı için WEB geliştirmede önemli bir araçtır.
Bahsettiğimiz model, tarayıcı tarafından HTML kodunu yorumladığında oluşturulur, bir DOM'nin temel yapısı aşağıdaki resimde bir şemada şu şekilde görülebilir:

Görüldüğü gibi hiyerarşik bir yapı üzerine kuruludur, bununla bu ilişkilerin yollarını Javascript ile bilgi elde etmek veya yapısal değişiklikler yapmak için kullanabiliriz.
DOM'yi test etme
Belgemizle nasıl çalışabileceğinize alışmak için belgemiz üzerinde bazı basit testler yapacağız. GÜNEŞ, gerçekleştirebileceğimiz ilk testlerden biri, belgede bir işlevin mevcut olduğunu doğrulamaktır, aşağıdaki kodda görelim:

 Örnek
Pek çok farklı meyve türü vardır - tek başına 500'den fazla muz çeşidi vardır. Sayısız elma, portakal ve diğer bilinen meyveleri eklediğimizde binlerce seçenekle karşı karşıyayız. 

Burada basit bir şey yaptık, önce yöntemin var olup olmadığını kontrol ediyoruz. sorguSelectorTümü, eğer varsa, bir değişkene tüm öğelerin içeriğini atarız resim onların kimliği var yan metin, başarısız olması durumunda bir kontrol yaptığımız için aynı verileri elde etmek için farklı bir yol kullanıyoruz, bu durumda getElementById ve sonra getElementByTagNameSonunda, tanımlı değişkenimiz ile içeriğini yineliyoruz ve CSS özelliklerini değiştiriyoruz.
Belki de burada görebileceğimiz olumsuz şey, eğer birçok doğrulamamız varsa, kodumuz karmaşık ve okunamaz hale gelebilir, her şey elde etmek istediğimiz şey ile onu elde etmenin yolu arasındaki bir uzlaşma meselesidir, bu şekilde elde edebiliriz. Sonuçlar.
Bu öğreticinin sonraki bölümünde, DOM ile çalışmaya nasıl devam edileceğine ilişkin bazı daha gelişmiş örneklere bakacağız.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.