JavaScript'teki metin rengini nasıl değiştiririm?

Metnin rengini değiştirmek web sayfalarının tasarımını etkiler.

1. Adım

Metin içeren HTML öğeleri oluşturun. Bu örnek, aşağıdaki adımlarda oluşturulan JavaScript işlevlerini kullanabilen üç etiketin nasıl oluşturulacağını gösterir: Div'in rengini değiştirme (Div'in rengini değiştirme)

Bu paragraf metni rengini değiştirin. (Bu paragrafın metin rengini değiştirir). Span renk etiketini değiştirin

2. Adım

Div etiketi için işlev oluşturun. Aşağıdaki JavaScript işlevi 1. adımda oluşturulan div etiketini alır ve rengi kırmızıya dönüştürür: function divColorChange () {document.getElementById ('myDiv'). Style.color = '# FF0000';}

3. adım

Paragrafın etiketinin rengini değiştirin. Aşağıdaki JavaScript işlevi, 1. adımdan beyaza oluşturulan paragraftan öğe metninin rengini değiştirir: ColorChange () {document.getElementById ('myParagraph'). Style.color = '# 000000';}

4. Adım

Genişleme etiketinin rengini değiştirin. Son olarak, aşağıdaki kodu kullanarak metin etiketini siyah olarak değiştirin: {document.getElementById ('mySpan'). Style.color = '#FFFFFF';}

Adım 5

JavaScript fonksiyonlarını istemek için butonlar oluşturun. İşlevler oluşturulur, ancak HTML kodunda siz sormadan hiçbir şey olmaz. Aşağıdaki kod düğmeleri oluşturur. Bir kullanıcı düğmelerden birine tıkladığında, ilgili JavaScript işlevi çağrılır: