Søg
Avatar billede Slettet bruger
23. september 2006 - 16:00 Der er 4 kommentarer og
1 løsning

Javascript - innerHTML & outerHTML

Hej eksperter.
Hvad er det lige forskellen er på document.getElementById("navn").innerHTML = "innerhtml";
&
document.getElementById("navn").outerHTML = "innerhtml";
Avatar billede mclemens Nybegynder
23. september 2006 - 21:47 #1
outerHTML udskifter selve tagget samtidig,
innerHTML udskifter det inde i tagget
Avatar billede mclemens Nybegynder
23. september 2006 - 21:53 #2
eksempel:



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">
window.onload=function(){

  setTimeout('document.getElementById("ydrehtml").outerHTML=\'<span style="background:red;">Tester skiftet</span>\';',1000);

  setTimeout('document.getElementById("indrehtml").innerHTML=\'Hmm, kun indre elementer udskiftet her\';',2000);

  setTimeout('document.getElementById("indrehtml2").innerHTML=\'Hmm, kun indre elementer udskiftet her - men eksempel på at indvendige elementer også skiftes\';',3000);


}
</script>

</head><body>

<div id="ydrehtml" style="background:blue;">Ydrehtml</div><br><br><br>

<div id="indrehtml" style="background:yellow;">indrehtml</div><br><br><br>

<div id="indrehtml2" style="background:yellow;">ind<br>r<div style="background:green">e</div><br>html2</div>

</body></html>
Avatar billede olebole Juniormester
25. september 2006 - 09:46 #3
<ole>

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/innerhtml.asp

- du kan selv finde outerHTML i menuen til venstre  ;o)

outerHTML understøttes kun af IE, mens de gængse browsere alle understøtter innerHTML - på trods af, at ingen af de to properties nogensinde har været indeholdt i nogen officiel standard ... og som sådan ikke er valide  =)

/mvh
</bole>
Avatar billede mclemens Nybegynder
25. september 2006 - 10:36 #4
outerHTML understøttes kun af IE & OP, mens ...
Avatar billede Slettet bruger
21. december 2006 - 23:39 #5
takker
Avatar billede 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.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 16:04 Canon printer vil ikke udskrive farver Af mort1 i Printere
I går 14:50 Hvilket fabrikat af Mesh systemer virker? Af fkj i Wifi
15/0513:45 AJAX kode -javascript Af Asky i Programmeringsværktøjer
15/0511:50 Vælg indstilling - blå skærm med med flere muligheder for fejlretning Af Uvanga i Windows
14/0523:24 Google sheets beregning udfra dato Af rickiegrayholm i Office & Kontorpakker
White papers
Flere white papers »