Objekt output

Fra Holstebro HTX Wiki
Skift til: navigering, søgning

Hvordan anvendes et objekt til output

Lige som med input text-feltet, så er det en egenskab ved et objekt man sætter til en ny værdi.

I HTML-koden skal man have et tag (objekt) man kan skrive til. I princippet kan man skrive til mange forskellige typer objekter, men to typiske objekter man anvender er DIV-tag og SPAN-tag.

Et DIV-tag opfører sig næsten som et P-tag, bare uden den samme formattering, altså det laver et afsnit for sig selv.

Et SPAN-tag er helt neutralt, og man kan altså indlejre det i en linje, hvis man ønsker at kunne ændre på en del inde i en linje.

Et eksempel på et DIV-tag i HTML-koden kunne være:

Startindhold af udFelt

Hvor

og

angiver rammerne på tagget.

id="udFelt" er det ID (feltet har, som vi senere skal have fat i med javaScript koden. Dette ID skal være unikt i koden, for at browseren kan finde ud af hvilket tag den skal rette i.

Koden for at skrive noget ud i DIV-tagget er:

document.getElementById("udFelt").innerHTML = "Dette kommer ud i DIV-tagget";

Her er document.getElementById() den funktion der kan finde det rigtige objekt.

"udFelt" er navnet på netop det objekt vi vil have fat i.

innerHTML er den egenskab ved objektet vi skriver i, som indeholder indholdet der vises.

"Dette kommer ud i DIV-tagget" er det der kommer til at stå efter koden er udført.

Man kan vælge at starte med et tomt tag, hvor teksten så bare dukker op, eller man kan have et indhold i forvejen - dette indhold bliver så overskrevet.

Eksempler på anvendelse af et objekt til output

Her er 4 forskellige eksempler der viser lidt variation af hvordan tekst kan komme ud på en side.


Filen med koden kan hentes i en Zip-fil

Fordele ved et objekt til output

Fordelen ved

Ulemper ved et objekt til output

Ulempen er