NemProgrammering.dk logo
nordicway webhotel

XML data-udtræk til HTML side med JavaScript

WordPress hjemmeside hjælp

Information om denne video

I denne video viser vi hvordan du ved hjælp af JavaScript kan trække data ud af din XML fil og vise det på din html side. I denne video viser vi hvordan du trækket det første stykke data ud ad din XML fil, men i næste video kigger vi på, hvordan du trækker al data ud af din XML fil ved hjælp af et for loop.

Herunder finder du koderne der bliver lavet i videoen - Kopier dem gerne!
Du kan hente alle kildefilerne her: Kildefiler til hele XML serien

Video tags:

Denne video relaterer til emner såsom: XML kursus, XML tutorial, XML vejledning, XML for begyndere, xml dataudtræk, JavaScript

Spørgsmål og kommentarer

Har du spørgsmål eller kommentarer? Så skriv herunder og vi eller en anden lœser vil svare hurtigst muligt!

Url´er bliver automatisk omdannet til links (nofollow).

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Finn Andrea    05-04-2023

Hej Tak for nogle fine gennemgange af programmering. Jeg har forsøgt at taste øvelse 9 ind i mit eget miljø, men kan ikke får det til at virke. Jeg har prøvet alle mulige kombinationer af program og data, men det fejler hele tiden. Hvis jeg downloader Jeres kildefiler, fejler det også. Når jeg debugger får jeg følgende meddelelse. Uncaught DOMException DOMException: Failed to execute 'send' on 'XMLHttpRequest': Failed to load 'file:///C:/Users/Infoe-consulticdk/Documents/Produkter.xml'. Mit script ser sådan ud: <script> if (window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest(); } else {// IE 5/6 xmlhttp=new ActiveXObject(Microsoft.xmlhttp); } xmlhttp.open("GET","c:\Users\Infoe-consulticdk\Documents\Produkter.xml",false); xmlhttp.send(); xmlDoc=xmlhttp.responceXML; document.getElementById("id").innerHTML= xmlDoc.getElementsByTagName("id")[0].childNodes[0].nodeValue; document.getElementById("pris").innerHTML= xmlDoc.getElementsByTagName("pris")[0].childNodes[0].nodeValue; document.getElementById("beskrivelse").innerHTML= xmlDoc.getElementsByTagName("beskrivelse")[0].childNodes[0].nodeValue; </script> Hvad gør jeg galt? På forhånd tak. mvh Finn