javascript

JavaScript HTML DOM (Document Object Model) – Giriş

Merhabayın;  bir web sitesi yüklendiğinde browser kendi başına hiç bize danışmadan o web sayfasının document object model yani dom’ unu oluşturur. Bu oluşturulan belge nesne modeli ise html etiketlerinin yapılarının tahsisi (tahsis ne la) ve bu yapıların özelliklerini ve içeriklerini dahi kapsar. Örneğin ;

Html etiketi içerisinde body etiketi vardır bunun bir class’ ı ve id’si vardır işte bunlar hep dom’un birer parçasıdır efeğm.

JavaScript Object model ile HTML’ i dinamikleştirebilir ; yapılarını ve yapıların içeriklerini değiştirebilir ; komutlar verebilirsiniz.  Böylelikle JavaScript ile HTML etiketlerini yönetmiş olur dinamikleştirmiş olursunuz.

Peki Javascript ile HTML nesnelerine neler yapabilirsiniz ?

JavaScript ile HTML etiketlerini değiştirebilirsiniz.

JavaScript ile tüm HTML etiketlerinin özelliklerini değiştirebilirsiniz.

JavaScript ile CSS kodlarını değiştirebilirsiniz.

JavaScript ile bir HTML etiketini ya da özelliğini silebilir ya da yok edebilirsiniz.

JavaScript ile bir HTML etiketini ya da özelliğini ekleyebilir ya da sıfırdan yapabilirsiniz.

JavaScript ile tüm sayfalara müdahale edebilirsiniz.

Bu Seride JavaScript ile HTML etiketilerine müdahale ederek sayfadaki değişiklikleri nasıl kontrol altına alabileceğimizi öğreneceğiz.

 Örneğin bir butona basıldığında sayfa içindeki bir yazının kırmızı renkte olmasını istiyorsunuz ya da elinizde çarşaf liste var kısa süreliğine gizlemek istiyorsunuz bunların hepsi JavaScript ile mümkündür efendim.

Erel Çolak

Front-End Developer olarak kendimi geliştiriyorum, HTML5, CSS3, JQuery, Bootstrap Gibi bir çok dille ilgilenmekteyim. WordPress, vBulletin, OpenCart, Moodle ve diğer CMS' ler konusunda aşırı bilgi sahibiyim ve de bu bilgileri elimden geldiğince paylaşıyorum. Trakya Üniversitesi Bilgisayar Öğretmenliği Bölümünü okudum. Şimdilerde özel bir şirkette UI/UX Designer & Front-end developer olarak çalışmaktayım.

You may also like...

Bir cevap yazın