Belirli bir öğeye erişmek için JavaScript'in GetElementById'sini kullanma - mankenler

HTML sayfasındaki bir öğeye erişmek için JavaScript kullanabilirsiniz. Eleman veya CSS stilinde değişiklikler yapmak için bunu yapabilirsiniz. Bir egzersizde deneyin.

1. Metin düzenleyicinizi yeni veya boş bir belge ile açın.

   

2. Metin düzenleyicisinde aşağıdaki HTML ve JavaScript'i yerleştirin:

   Bölüm 2 Merhaba İkinci Satır
   Bu bir paragraftadır.
   Son Satır var theDiv = belge. getElementById ("myDiv"); alert ("İçerik" + theDiv. innerHTML);
   

3. Dosyayı getbyid olarak kaydedin. html belgenizin kök dizininde.

   

4. Web tarayıcınızı açın ve sayfayı // localhost / getbyid adresinde görüntüleyin. html.

   Burada gösterilen gibi bir uyarı görmelisiniz.

   

5. Uyarıyı yok saymak ve tarayıcınızı kapatmak için Tamam'ı tıklayın.

6. Getbyid'e dönün. html düzenleyicinizde uyarı ile başlayan JavaScript satırını kaldırın. Bu satırı şu ikiyle değiştirin:

   theDiv. tarzı. border = "3px katı siyah"; theDiv. innerHTML = "Bu şimdi değiştirilmiş metin.";
   

   Komut dosyası bloğunun tamamı şu şekilde görünmelidir:

   var theDiv = belge. getElementById ("myDiv"); theDiv. tarzı. border = "3px katı siyah"; theDiv. innerHTML = "Bu şimdi değiştirilmiş metin.";
   

   Bir tarayıcıda görüntülendiğinde, sayfa şimdi burada gösterilen gibi görünüyor. Özellikle üst satırın metninin değiştirildiğine ve şimdi bir kenarlığa sahip olduğuna dikkat edin.