DOM'ye Giriş
DOM, Belge Nesne Modeli'nin kısaltmasıdır. Web sitesi geliştiricilerinin işlev oluşturmasını ve kodu aksi takdirde imkansız olacak şekilde değiştirmesini mümkün kılan HTML'ye bakmanın bir yoludur.

Üç temel DOM türü vardır; türünden bağımsız olarak herhangi bir belgeyi tanımlamak için kullanılabilen çekirdek DOM; XML belgeleriyle kullanılan XML DOM ve HTML DOM. Bu son tür HTML geliştiricileri için en önemli ve yararlı olanıdır, bu nedenle bu makalenin keşfedeceği DOM budur.

HTML DOM, bir HTML sayfasını düğümlere böler. Bu düğümlerin hepsi birbirine benzer, alt düğümler üst düğümlerinden ve üstteki kök düğümden ağaç benzeri bir düzende inerler. DOM'u HTML geliştiricileri için bu kadar önemli ve yararlı kılan şey, bu tanımın sayfanın her bir bölümünü farklı kıldığı ve onu diğer tüm bölümlerle ilişkili olarak konumlandırmasıdır; . Bu, örneğin bir Javascript programının doğrudan HTML öğelerini kullanması için bir yol sağladığı için HTML DOM'yi Javascript programlama için hayati önem taşır. DOM olmadan, bir Javascript programının bir web sayfasının içeriğine dinamik olarak erişmesi imkansızdır. Bir örnek olarak, DOM yöntemlerini kullanarak, belirli bir olay meydana gelirse belirli bir HTML öğesinin içindeki metni değiştiren bir program yazabilirsiniz (örneğin, ziyaretçi sayfadaki bir düğmeyi tıklar).

Bildiğiniz gibi, bir HTML sayfası aşağıdaki gibi farklı öğelerden oluşur:



Örnek HTML Sayfası


Bu temel bir HTML sayfası örneğidir.





DOM ile, her öğe (bir etiket kümesi arasındaki her şey gibi) bir düğümdür. Düğüme kök düğüm adı verilir ve en temel düğümdür; düğüm ve düğüm olmak üzere iki alt düğüme sahiptir. Yukarıdaki örnekte, düğüm düğümün alt öğesidir ve düğüm

düğüm, düğümün çocuğudur.

Bir web geliştiricisi, belirli komutları kullanarak DOM'yi kullanabilir ve değiştirebilir. Bu komutlar (HTML sayfasının bir kısmını tanımlayan) özelliklere ve yöntemlere (sayfanın o kısmına bir şeyler yapan) ayrılmıştır.

HTML DOM'nin nasıl kullanılacağına ilişkin ayrıntılar için, önümüzdeki hafta yayınlanacak olan bir sonraki "DOM ile Çalışma" makalesine bakın.

Video Talimatları: Hızlı Ve Öfkeli 2:Miami | Brian Giriş Sahnesi | (1080p) (Ekim 2021).