Tekstin tulostaminen dokumenttiin JavaScriptissä

JavaScriptin avulla voidaan hallita HTML-sivun tunnisteita, esimerkiksi tulostaa niihin tekstiä. Opimme tästä myöhemmin, kun käymme läpi osion, joka on omistettu DOM:n käsittelyyn.

Joskus kuitenkin, virheenkorjausmielessä, vaaditaan tulostamaan jotain tekstiä selainikkunaan. Tämä tehdään käyttämällä komentoa document.write. Katsotaan sen käyttöä esimerkkien avulla.

Tulostetaan numeerinen arvo:

document.write(123);

Tulostetaan jotain tekstiä:

document.write('text');

Tulostetaan teksti, joka on merkitty tunnisteisiin:

document.write('<b>text</b>');

Tulostetaan teksti muuttujasta:

let str = 'text';
document.write(str);

Merkitään teksti muuttujasta tunnisteisiin:

let str = 'text';
document.write('<b>' + str + '</b>');

Tulostetaan teksti kahdelle riville:

document.write('text <br> text');

Tulostetaan paljon tekstejä sarakkeeseen:

document.write('text1<br>');
document.write('text2<br>');
document.write('text3<br>');

Voidaan myös näin:

document.write('text');
document.write('<br>');
document.write('text');

Tulosta selainikkunaan jotain tekstiä.

Tulosta selainikkunaan jotain tekstiä, tekemällä siitä kursiivia.

Annettu muuttuja:

let str = 'text';

Tulosta teksti muuttujasta selainikkunaan siten, että se on kursiivia.

Tulosta selainikkunaan numerosarake 1:stä 5:een.