<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="sv">
	<id>https://webbling.se/index.php?action=history&amp;feed=atom&amp;title=DOM</id>
	<title>DOM - Versionshistorik</title>
	<link rel="self" type="application/atom+xml" href="https://webbling.se/index.php?action=history&amp;feed=atom&amp;title=DOM"/>
	<link rel="alternate" type="text/html" href="https://webbling.se/index.php?title=DOM&amp;action=history"/>
	<updated>2026-04-26T15:19:50Z</updated>
	<subtitle>Versionshistorik för denna sida på wikin</subtitle>
	<generator>MediaWiki 1.43.0</generator>
	<entry>
		<id>https://webbling.se/index.php?title=DOM&amp;diff=4766&amp;oldid=prev</id>
		<title>PGJ den 5 april 2019 kl. 06.21</title>
		<link rel="alternate" type="text/html" href="https://webbling.se/index.php?title=DOM&amp;diff=4766&amp;oldid=prev"/>
		<updated>2019-04-05T06:21:21Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;sv&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Äldre version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Versionen från 5 april 2019 kl. 06.21&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l1&quot;&gt;Rad 1:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Rad 1:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;DOM står för ”Document Object Model”. Det är är en standard för hur man ska kunna interagera med ett HTML-dokument i en webbläsare, t.ex. ifrån skript. När webbläsaren läser in din webbsida så kommer den att tolka den och bygga upp en egen intern datastruktur som representerar sidan. När vi jobbar med JavaScript vill vi kunna gå in och ändra i denna interna datastruktur. Eftersom olika webbläsare förstås handhar den tolkade webbkoden på olika sätt, så har man skapat en standard med vilken man kan komma åt den interna representationen av sidan på ett enhetligt vis. Oavsett vilken webbläsare du använder, bör DOM-åtkomsten fungera likvärdigt. I alla fall är det så i idealfallet, det faktiskt förekommer tyvärr fortfarande en del avvikelser mellan de olika webbläsarna (detta kan man delvis lösa genom att använda hjälpbibliotek såsom t.ex. [[jQuery]]  – som är ett av de vanligaste tilläggsbiblioteken för JavaScript.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;DOM står för ”Document Object Model”. Det är är en standard för hur man ska kunna interagera med ett HTML-dokument i en webbläsare, t.ex. ifrån skript. När webbläsaren läser in din webbsida så kommer den att tolka den och bygga upp en egen intern datastruktur som representerar sidan. När vi jobbar med JavaScript vill vi kunna gå in och ändra i denna interna datastruktur. Eftersom olika webbläsare förstås handhar den tolkade webbkoden på olika sätt, så har man skapat en standard med vilken man kan komma åt den interna representationen av sidan på ett enhetligt vis. Oavsett vilken webbläsare du använder, bör DOM-åtkomsten fungera likvärdigt. I alla fall är det så i idealfallet, det faktiskt förekommer tyvärr fortfarande en del avvikelser mellan de olika webbläsarna (detta kan man delvis lösa genom att använda &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;sig av &lt;/ins&gt;hjälpbibliotek såsom t.ex. [[jQuery]]  – som är ett av de vanligaste tilläggsbiblioteken för JavaScript&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;)&lt;/ins&gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Webbdatan är i DOM uppbyggt som en trädstruktur, de olika underelementen bildar grenar till föräldraelementen.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Webbdatan är i DOM uppbyggt som en trädstruktur, de olika underelementen bildar grenar till föräldraelementen. De flesta webbläsare har, ofta inbyggda, utvecklingsverktyg som kan visa en DOM-representation för den aktiva sidan.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;De flesta webbläsare har, ofta inbyggda, utvecklingsverktyg som kan visa en DOM-representation för den aktiva sidan.&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Det finns många &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;funktioner &lt;/del&gt;inbyggda funktioner i webbläsarnas JavaScript som möjliggör sökning i och manipulation av DOM. Det finns även &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;många &lt;/del&gt;olika tilläggsbibliotek som tillhandahåller fler metoder för dessa syften. I många fall förenklar de även processen genom vilken man arbetar mot DOM. Tidigare var det nästan tvunget att använda sådana extrabibliotek, då det inte fanns någon bra standard i JavaScript för DOM-manipulation. Olika tillverkare tillhandahöll olika metoder och i vissa fall hade man &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;olika &lt;/del&gt;beteende på metoder &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;som hette det &lt;/del&gt;samma &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;sak i flera webbläsare&lt;/del&gt;. Idag är situationen &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;något &lt;/del&gt;bättre. Man har lyckats standardisera metodanropen för DOM &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;mycket bättre&lt;/del&gt;. Det kan dock fortfarande vara enklare och mer enhetligt att använda något tillägg såsom t.ex. [[jQuery]]. Vi har en egen sektion för [[jQuery ]]här på Webbling. Om du vill veta mer om hur man använder ”plain JavaScript” för att hantera DOM, rekommenderas att du läser; [http://blog.adtile.me/2014/01/16/a-dive-into-plain-javascript/  &quot;A Dive Into Plain JavaScript&quot;].&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Det finns många inbyggda funktioner i webbläsarnas JavaScript som möjliggör sökning i och manipulation av DOM. Det finns även olika tilläggsbibliotek som tillhandahåller fler metoder för dessa syften. I många fall förenklar de även processen genom vilken man arbetar mot DOM. Tidigare var det nästan tvunget att använda sådana extrabibliotek, då det inte fanns någon bra standard i JavaScript för DOM-manipulation. Olika tillverkare tillhandahöll olika metoder och i vissa fall hade man &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;annorlunda &lt;/ins&gt;beteende på metoder &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;trots att de hade &lt;/ins&gt;samma &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;namn&lt;/ins&gt;. Idag är situationen &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;mycket &lt;/ins&gt;bättre. Man har lyckats standardisera metodanropen för DOM &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;på ett bra och enhetligt vis&lt;/ins&gt;. Det kan dock fortfarande vara enklare och mer enhetligt att använda något tillägg såsom t.ex. [[jQuery]]. Vi har en egen sektion för [[jQuery ]]här på Webbling. Om du vill veta mer om hur man använder ”plain JavaScript” för att hantera DOM, rekommenderas att du läser; [http://blog.adtile.me/2014/01/16/a-dive-into-plain-javascript/  &quot;A Dive Into Plain JavaScript&quot;].&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>PGJ</name></author>
	</entry>
	<entry>
		<id>https://webbling.se/index.php?title=DOM&amp;diff=2259&amp;oldid=prev</id>
		<title>PGJ den 29 december 2015 kl. 09.07</title>
		<link rel="alternate" type="text/html" href="https://webbling.se/index.php?title=DOM&amp;diff=2259&amp;oldid=prev"/>
		<updated>2015-12-29T09:07:05Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;sv&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Äldre version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Versionen från 29 december 2015 kl. 09.07&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l1&quot;&gt;Rad 1:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Rad 1:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;DOM &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;är en förkortning av &quot;Document &lt;/del&gt;Object &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Model&quot;&lt;/del&gt;. &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;DOM &lt;/del&gt;är en standard för hur man ska kunna interagera med ett HTML-dokument, t.ex. ifrån skript. När en webbläsare &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;tolkar ett HTML-dokument&lt;/del&gt;, &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;bygger &lt;/del&gt;den &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;upp en representation &lt;/del&gt;av &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;dokumentet i minnet&lt;/del&gt;. &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Denna representation påminner oftast om &lt;/del&gt;DOM, &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;även om &lt;/del&gt;det &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;kanske inte &lt;/del&gt;är &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;exakt lika. För att få &lt;/del&gt;ett &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;likvärdigt metodik att under körning få åtkomst till olika element i ett webbdokument, skapades DOM-specifikationen&lt;/del&gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;DOM &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;står för ”Document &lt;/ins&gt;Object &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Model”&lt;/ins&gt;. &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Det är &lt;/ins&gt;är en standard för hur man ska kunna interagera med ett HTML-dokument &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;i en webbläsare&lt;/ins&gt;, t.ex. ifrån skript. När &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;webbläsaren läser in din webbsida så kommer den att tolka den och bygga upp &lt;/ins&gt;en &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;egen intern datastruktur som representerar sidan. När vi jobbar med JavaScript vill vi kunna gå in och ändra i denna interna datastruktur. Eftersom olika &lt;/ins&gt;webbläsare &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;förstås handhar den tolkade webbkoden på olika sätt&lt;/ins&gt;, &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;så har man skapat en standard med vilken man kan komma åt &lt;/ins&gt;den &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;interna representationen &lt;/ins&gt;av &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;sidan på ett enhetligt vis&lt;/ins&gt;. &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Oavsett vilken webbläsare du använder, bör &lt;/ins&gt;DOM&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;-åtkomsten fungera likvärdigt. I alla fall är det så i idealfallet&lt;/ins&gt;, det &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;faktiskt förekommer tyvärr fortfarande en del avvikelser mellan de olika webbläsarna (detta kan man delvis lösa genom att använda hjälpbibliotek såsom t.ex. [[jQuery]]  – som &lt;/ins&gt;är ett &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;av de vanligaste tilläggsbiblioteken för JavaScript&lt;/ins&gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Oavsett vilken webbläsare du använder, bör DOM-åtkomsten fungera likvärdigt. I alla fall &lt;/del&gt;är &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;det så &lt;/del&gt;i &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;idealfallet&lt;/del&gt;, &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;det faktiskt förekommer tyvärr en hel del avvikelser mellan &lt;/del&gt;de olika &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;webbläsarna)&lt;/del&gt;. &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Det &lt;/del&gt;har &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;dock blivit mycket bättre på senare tid och de flesta webbläsartillverkarna jobbar hårt för att följa standarder. För att undvika &lt;/del&gt;DOM-&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;olikheter när man programmerar [[JavaScript]] kan man använda sig av hjälpbibliotek, såsom t.ex. [[jQuery]]&lt;/del&gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Webbdatan &lt;/ins&gt;är i &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;DOM uppbyggt som en trädstruktur&lt;/ins&gt;, de olika &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;underelementen bildar grenar till föräldraelementen&lt;/ins&gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;De flesta webbläsare &lt;/ins&gt;har&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;, ofta inbyggda, utvecklingsverktyg som kan visa en &lt;/ins&gt;DOM-&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;representation för den aktiva sidan&lt;/ins&gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;DOM &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;är uppbyggt av en trädstruktur&lt;/del&gt;, &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;de &lt;/del&gt;olika &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;underelementen bildar grenar till föräldraelementen&lt;/del&gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Det finns många funktioner inbyggda funktioner i webbläsarnas JavaScript som möjliggör sökning i och manipulation av DOM. Det finns även många olika tilläggsbibliotek som tillhandahåller fler metoder för dessa syften. I många fall förenklar de även processen genom vilken man arbetar mot &lt;/ins&gt;DOM&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;. Tidigare var det nästan tvunget att använda sådana extrabibliotek&lt;/ins&gt;, &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;då det inte fanns någon bra standard i JavaScript för DOM-manipulation. Olika tillverkare tillhandahöll olika metoder och i vissa fall hade man &lt;/ins&gt;olika &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;beteende på metoder som hette det samma sak i flera webbläsare. Idag är situationen något bättre&lt;/ins&gt;. &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Man &lt;/ins&gt;har &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;lyckats standardisera metodanropen för DOM mycket bättre. Det &lt;/ins&gt;kan &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;dock fortfarande vara enklare och mer enhetligt att använda något tillägg såsom t.ex. [[jQuery]]. Vi har &lt;/ins&gt;en &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;egen sektion för [[jQuery ]]här på Webbling. Om du vill veta mer om hur man använder ”plain JavaScript” för att hantera &lt;/ins&gt;DOM&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;, rekommenderas att du läser; [http://blog.adtile.me/2014/01/16/a&lt;/ins&gt;-&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;dive-into-plain-javascript/  &quot;A Dive Into Plain JavaScript&quot;]&lt;/ins&gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;De flesta webbläsare &lt;/del&gt;har&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;, ofta inbyggda, utvecklingsverktyg som &lt;/del&gt;kan &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;visa &lt;/del&gt;en DOM-&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;representation för den aktiva sidan&lt;/del&gt;.&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>PGJ</name></author>
	</entry>
	<entry>
		<id>https://webbling.se/index.php?title=DOM&amp;diff=348&amp;oldid=prev</id>
		<title>PGJ: Skapade sidan med &#039;DOM är en förkortning av &quot;Document Object Model&quot;. DOM är en standard för hur man ska kunna interagera med ett HTML-dokument, t.ex. ifrån skript. När en webbläsare tolka...&#039;</title>
		<link rel="alternate" type="text/html" href="https://webbling.se/index.php?title=DOM&amp;diff=348&amp;oldid=prev"/>
		<updated>2014-08-25T18:23:18Z</updated>

		<summary type="html">&lt;p&gt;Skapade sidan med &amp;#039;DOM är en förkortning av &amp;quot;Document Object Model&amp;quot;. DOM är en standard för hur man ska kunna interagera med ett HTML-dokument, t.ex. ifrån skript. När en webbläsare tolka...&amp;#039;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Ny sida&lt;/b&gt;&lt;/p&gt;&lt;div&gt;DOM är en förkortning av &amp;quot;Document Object Model&amp;quot;. DOM är en standard för hur man ska kunna interagera med ett HTML-dokument, t.ex. ifrån skript. När en webbläsare tolkar ett HTML-dokument, bygger den upp en representation av dokumentet i minnet. Denna representation påminner oftast om DOM, även om det kanske inte är exakt lika. För att få ett likvärdigt metodik att under körning få åtkomst till olika element i ett webbdokument, skapades DOM-specifikationen.&lt;br /&gt;
&lt;br /&gt;
Oavsett vilken webbläsare du använder, bör DOM-åtkomsten fungera likvärdigt. I alla fall är det så i idealfallet, det faktiskt förekommer tyvärr en hel del avvikelser mellan de olika webbläsarna). Det har dock blivit mycket bättre på senare tid och de flesta webbläsartillverkarna jobbar hårt för att följa standarder. För att undvika DOM-olikheter när man programmerar [[JavaScript]] kan man använda sig av hjälpbibliotek, såsom t.ex. [[jQuery]].&lt;br /&gt;
&lt;br /&gt;
DOM är uppbyggt av en trädstruktur, de olika underelementen bildar grenar till föräldraelementen.&lt;br /&gt;
De flesta webbläsare har, ofta inbyggda, utvecklingsverktyg som kan visa en DOM-representation för den aktiva sidan.&lt;/div&gt;</summary>
		<author><name>PGJ</name></author>
	</entry>
</feed>