JSDOM håndtering - Er jeg på rette spor?
Jeg er ved at aflive min innerHTML :P og forsøger på at skifte over til dom metoder som anbefalet af roenving...1. - Er jeg på rette kurs
eller er det her bare en anden forkert måde at få fat
i innerHTML'en?
2. - Er det hurtigere end innerHTML eller
1 & 2: 10 point stykket x 5 svar
3. - Er der en nemmere måde at løbe gennem indholdet hvis man ikke kender strukturen og har brug for struktur, tags m.v. når man senere i scriptet skal lege med append og remove?
3: 100 point x 1 svar
Her er mit script:
(startpunkt p.t. sat til id abc)
... har brugt info fra denne ene side http://developer.mozilla.org/en/docs/Traversing_an_HTML_table_with_JavaScript_and_DOM_Interfaces for at lave nedenstående samt min basis javascript viden :P
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Ingen titel</title>
<script type="text/javascript">
<!--
/*window.onload=*/
function domrun(){lvl=0;
current0=document.getElementById("abc");
for(runit=0;runit<current0.childNodes.length;runit++){
currenttmp=current0.childNodes.item(runit);
if(0!=currenttmp.childNodes.length)runchilds(currenttmp);
else currentdomhandle(currenttmp);
}
}
function runchilds(currenttmp){lvl++;
eval("current"+lvl+"=currenttmp;"+
"for(runit"+lvl+"=0;runit"+lvl+"<current"+lvl+".childNodes.length;runit"+lvl+"++){"+
"currenttmp=current"+lvl+".childNodes.item(runit"+lvl+");"+
"if(0!=currenttmp.childNodes.length)runchilds(currenttmp);"+
"else currentdomhandle(currenttmp);"+
"}");
lvl--;
}
function currentdomhandle(currenttmp){
eval("tmpparent=current"+lvl+";");
alert("Følgende object er fundet:\n\nTagName:"+tmpparent.nodeName+"\n\nId:"+tmpparent.id+"\n\nName:"+tmpparent.name+"\n\nIndhold:\n"+currenttmp.data);
}
//-->
</script>
</head>
<body>
<div id="abc" name="test" onclick="alert(this.Type);">gdifhgf ghtey<p id="dette id">abc<b>ada</b></p>asdd </div>
</body></html>
