Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, izleyicilere Document Object Model (DOM) kullanarak form elemanlarına nasıl erişileceğini göstermektedir.
- Video, DOM ile form elemanlarına erişim yöntemlerini adım adım anlatmaktadır. Önce bir form oluşturulup üç adet input text alanı eklenir, ardından bu elemanlara iki farklı yöntemle erişim gösterilir: formun indis numarasına göre ve form elemanlarına isim vererek. Ayrıca form elemanlarının değerlerinin nasıl değiştirileceği, değişkenlere nasıl aktarılacağı ve stil özelliklerinin nasıl değiştirileceği örneklerle açıklanmaktadır.
- 00:05Document Object Model ile Form Elemanlarına Erişim
- Bu derste Document Object Model (DOM) kullanarak form elemanlarına nasıl erişileceği, değerlerinin nasıl değiştirileceği veya değişkenlere nasıl aktarılacağı anlatılacak.
- Örnek için bir form oluşturulup içine üç adet input text alanı ekleniyor.
- Form elemanları alt alta yerleştirilmek için aralarına br etiketleri ekleniyor.
- 01:33Form Elemanlarına İndis Numarası ile Erişim
- Form elemanlarına ulaşmanın bir yöntemi formun indis numarasına göre erişimdir.
- Bu yöntem makineye yakın bir kodlama stili olup, formun ilk text alanına erişmek için "document[0].elements[0]" şeklinde yazılır.
- Form elemanının değeri değiştirilebilir, örneğin "value" özelliği kullanılarak yeni bir değer atanabilir.
- 03:08Form Elemanlarına Nitelik ile Erişim
- Form elemanlarına daha kolay erişim için form ve elemanlara nitelik (name) ile isim verilebilir.
- Formun ismi "form1", text alanlarının isimleri "text1", "text2" şeklinde verilebilir.
- Nitelik ile erişim için "document.form1.text1.value" şeklinde yazılır ve form elemanının değeri değiştirilebilir.
- 04:31Form Elemanlarından Veri Alma ve Stil Değiştirme
- Form elemanlarındaki verileri almak için değişken tanımlanabilir ve "value" özelliği kullanılarak veri alınabilir.
- Alınan veri değişkene atanabilir ve bu değişken diğer işlemlerde kullanılabilir.
- Form elemanlarının sadece değerleri değil, stil özellikleri de değiştirilebilir, örneğin "style.borderColor" özelliği kullanılarak kenar rengi değiştirilebilir.