CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

Andisch Nybegynder

06. januar 2012 - 22:18 Der er 6 kommentarer og
1 løsning

Javascript problemer - getElementById

Hey. Jeg har sat mig for at lære javascript, men er allerede stødt ind i problemer. Jeg har skrevet denne kode:

<html>
<head>
<script type="text/javascript">

var output = document.getElementById("test");

function testfunction() {
document.write(output);
}
</script>
</head>

<body>
<form>
<input type="text" id="test"/>
<input type="button" onClick="testfunction();" value="Udregn"/>
</form>
</body>
</html>

Men når jeg har skrevet noget ind i min tekstbok og trykker på knappen, skriver den bare "null". Jeg har testet i både Chrome, Firefox og IE9 men ingen af dem virker?

Hjælp :)

Synes godt om

keysersoze Ekspert

06. januar 2012 - 22:26 #1

Først og fremmest så sørg for en DOCTYPE.

Dernæst, grunden til at det ikke virker er at din variabel "output" bliver forsøgt sat ved page load (hvor den formentilg vil fejle da element ikke findes på det tidspunkt koden køres). Når funktionen køres forsøges kun at indsætte værdien fra det tidspunkt din side blev loaded og ikke værdien fra her og nu - så flyt din linje ind i funktionen og det vil virke.

Synes godt om

Andisch Nybegynder

06. januar 2012 - 22:38 #2

Så koden kommer til at se således ud? Hvis det er sådan du mener, så virker det desværre stadig ikke.. Jeg får dog en ny fejlmeddelse..:

[object HTMLInputElement]

<html>
<head>
<script type="text/javascript">

function testfunction() {
var output = document.getElementById("test");
document.write(output);
}
</script>
</head>

<body>
<form>
<input type="text" id="test"/>
<input type="button" onClick="testfunction();" value="Udregn"/>
</form>
</body>
</html>

Synes godt om

danco Nybegynder

06. januar 2012 - 22:44 #3

function testfunction() {
var output = document.getElementById("test").innertHTML;
document.write(output);
}

nu vil du få indholdet af test elementet.

Synes godt om

Andisch Nybegynder

06. januar 2012 - 22:49 #4

Det virker ikke danco.. :/

Synes godt om

keysersoze Ekspert

06. januar 2012 - 22:51 #5

ah - der er forhåbentlig ingen der benytter innerHTML, bare value;

var output = document.getElementById("test").value;

og ret beset er det spild at lægge det over i en variabel bare for kun at indsætte det så derfor;

document.write(document.getElementById('test').value);

Synes godt om

Andisch Nybegynder

06. januar 2012 - 22:54 #6

ENDELIG!

Tusind tak, keysersoze! :)

Ved godt at en variabel slet ikke behøves, men det er bare princippet jeg skulle have fat i.. Jeg skal bruge det i forbindelse med noget andet :).

Hvis du opretter et svar smider jeg nogle points i din retning :)

Synes godt om

keysersoze Ekspert

06. januar 2012 - 23:04 #7

svar :)

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Se alle it-kurser fra Computerworld Kurser

IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

Se alle it-kurser

Flere spørgsmål fra Andre onlineløsninger kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Drop i Core Web Vitals i Google search console Af Elby i Andre onlineløsninger	0	08/08/202514:32	-
hvilken AI foretrækker I ? Af jcr18 i Andre onlineløsninger	3	07/05/202521:10	02/06/202517:42
Hvordan dæmmer man bedst op for 'bots' på sin hjemmeside? Af hudsonium i Andre onlineløsninger	5	29/03/202514:28	03/06/202508:10
Google maps - afstanden altid i km - pc Af 1Dorte i Andre onlineløsninger	5	11/11/202409:41	11/11/202419:36
Problem med WordPress-installation via One.com's 1-klik installation 🚨 Af tobiasandersen i Andre onlineløsninger	7	09/09/202408:56	18/09/202415:18

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS