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:

javascriptdocument.write(123);

Tulostetaan jotain tekstiä:

javascriptdocument.write('text');

Tulostetaan teksti, joka on merkitty tunnisteisiin:

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

Tulostetaan teksti muuttujasta:

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

Merkitään teksti muuttujasta tunnisteisiin:

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

Tulostetaan teksti kahdelle riville:

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

Tulostetaan paljon tekstejä sarakkeeseen:

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

Voidaan myös näin:

javascriptdocument.write('text');
document.write('<br>');
document.write('text');
Задание 1

Tulosta selainikkunaan jotain tekstiä.

Задание 2

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

Задание 3

Annettu muuttuja:

javascriptlet str = 'text';

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

Задание 4

Tulosta selainikkunaan numerosarake 1:stä 5:een.