Bu kılavuz, JavaScript'teki HTML DOM Öğesi 'nodeValue' özelliğini açıklar.
JavaScript'teki HTML DOM Öğesi “nodeValue” Özelliği nedir?
DOM (Document Object Model) öğesi “ düğümDeğeri ”, bir düğümün değerini ayarlayan ve alan kullanışlı bir özelliktir. Belirtilen düğüm bir öğe düğümüne başvuruyorsa, bu yöntem 'null' değerini döndürür. Bu özellik, metin düğümü içine alınmışsa bir düğümün metnini de döndürür. Dönüş değeri, düğüm tipine bağlıdır.
Sözdizimi ('nodeValue' olarak ayarlayın)
düğüm. düğümDeğeri = değer
Yukarıdaki söz dizimi “ değer ” kullanıcı istenen düğüm için ayarlamak istiyor.
Sözdizimi (“nodeValue” döndürün)
düğüm. düğümDeğeri
Bu verilen sözdizimi bir “ döndürür hükümsüz ” öğe ve belge düğümleri için değer, “ metin ” yorum ve metin düğümleri için ve “ bağlanmak ” öznitelik düğümleri için.
Yukarıda tanımlanan özelliği belirtilen örnek yardımıyla gerçekleştirelim.
Örnek: Bir Elemanın Metnini Almak İçin DOM Elemanı 'nodeValue' Özelliğini Uygulama
Bu örnek, oluşturulan düğmenin metnini almak için 'nodeValue' özelliğini uygular.
HTML Kodu
İlk olarak, aşağıda belirtilen koda bakın:
< düğme > Yeni Düğme. < / düğme >< P İD = 'için' >< / P >
Yukarıdaki kod satırlarında:
- “
” etiketi bir düğme ekler. - “ ” etiketi, kimliği “para” olan boş bir paragrafı gömer.
JavaScript Kodu
Şimdi, aşağıda belirtilen JavaScript kodunu izleyin:
< senaryo >sabit eleman = belge. getElementsByTagName ( 'DÜĞME' ) [ 0 ] ;
sonuca izin ver = öğe. çocuk Düğümleri [ 0 ] . düğümDeğeri ;
belge. getElementById ( 'için' ) . içHTML = ' Düğüm değeri: ' + sonuç ;
senaryo >
Yukarıdaki kod satırlarında:
- İlk olarak, “ öğesini uygulayan bir değişken “elem” bildirin. getElementsByTagName() '0' dizinine yerleştirilen etiket adına göre öğeye erişmek için ' yöntemi.
- Daha sonra 'result' değişkeni ' düğümDeğeri ' ile bağlantılı özellik ' çocuk Düğümleri ” özelliği, belirli alt düğümün değerini almak için.
- Son olarak, “ getElementById() ' yöntemi, 'sonuç' değişkeninin değerini, yani düğme metnini eklemek için 'para' kimliğini kullanarak boş paragrafa erişir.
Çıktı
Çıktının oluşturulan “
Çözüm
JavaScript'te, “ düğümDeğeri HTML DOM'un ” özelliği, düğüm değeri özelliğinin ayarlanmasına ve alınmasına yardımcı olur. Bu özelliğin döndürülen değeri, düğüm tipine bağlıdır. Bu özellik, öğenin yanı sıra belge için herhangi bir değer göstermez. Bu kılavuz, JavaScript'teki HTML DOM Öğesi 'nodeValue' özelliğini kısaca açıkladı.