Ik ben aan het prutsen met DOM icm Javascript.
*inmiddels opgelost!
- Ik had de nieuwe test code in mijn head moeten toepassen.
- Werdt niet duidenlijk in het boek uitgelegd, maar de exercise-files hebben me wat beter inzicht gegeven
Ik hanteer daarbij deze uitleg:
http://javascript-dox.net...JavaScript.wi/pg_0122.htm
Met het voorbeeld function findElements()
[code=java]
function findElements()
{
var listElements = document.getElementsByTagName('li');
var paragraphs = document.getElementsByTagName('p');
var msg = 'This document contains ' + listElements.length +
' list items\n';
msg += 'and ' + paragraphs.length + ' paragraphs.';
alert(msg);
}
window.onload = findElements;
[/code=java]
krijg ik de popup met de totaal aantal LI en P elementen op iedere pagina.
So far so good.
Naar mate ik verder lees, wordt er uitgelegd hoe ik een speciifice element kan selecteren.
http://javascript-dox.net...JavaScript.wi/pg_0126.htm
Dat werkt echter niet zoals ze omschrijven zoals ik het moet doen, ik ben bezig mezelf DOM te leren, maar er wordt na mijn weten niet echt duidelijk uitgelegd hoe ik nieuwe code toevoeg op het bestaande script.
Dit werkt niet:
[code=java]
function myDOMinspector()
{
var DOMstring='';
if(!document.getElementById || !document.createTextNode){return;}
var demoList=document.getElementById('eventsList');
if (!demoList){return;}
if(demoList.hasChildNodes())
{
var ch=demoList.childNodes;
for(var i=0;i<ch.length;i++)
{
DOMstring+=ch[i].nodeName+'\n';
}
alert(DOMstring);
}
}
[/code=java]
Dus mijn vraag is, waar lees ik overheen en wat doe ik verkeerd.
Hoe pas ik dit nu op de juiste manier toe, want ik zit nu vast in een leerprocess waar ik niet verder uit kom.
Ik zit overal op google al te zoeken, en binnen tweakers wordt ik er ook al niet wijzer van.
Wat is nou de juiste methode om het gewenste resultaat te krijgen zoals in de tutorial wordt omschreven.
*inmiddels opgelost!
- Ik had de nieuwe test code in mijn head moeten toepassen.
- Werdt niet duidenlijk in het boek uitgelegd, maar de exercise-files hebben me wat beter inzicht gegeven
Ik hanteer daarbij deze uitleg:
http://javascript-dox.net...JavaScript.wi/pg_0122.htm
Met het voorbeeld function findElements()
[code=java]
function findElements()
{
var listElements = document.getElementsByTagName('li');
var paragraphs = document.getElementsByTagName('p');
var msg = 'This document contains ' + listElements.length +
' list items\n';
msg += 'and ' + paragraphs.length + ' paragraphs.';
alert(msg);
}
window.onload = findElements;
[/code=java]
krijg ik de popup met de totaal aantal LI en P elementen op iedere pagina.
So far so good.
Naar mate ik verder lees, wordt er uitgelegd hoe ik een speciifice element kan selecteren.
http://javascript-dox.net...JavaScript.wi/pg_0126.htm
Dat werkt echter niet zoals ze omschrijven zoals ik het moet doen, ik ben bezig mezelf DOM te leren, maar er wordt na mijn weten niet echt duidelijk uitgelegd hoe ik nieuwe code toevoeg op het bestaande script.
Dit werkt niet:
code:
1
2
3
4
5
6
| <ul id="eventsList"> <li>List 1</li> <li>List 2</li> <li><a href="http://www.google.com">Linked List Item</a></li> <li>List 4</li> </ul> |
[code=java]
function myDOMinspector()
{
var DOMstring='';
if(!document.getElementById || !document.createTextNode){return;}
var demoList=document.getElementById('eventsList');
if (!demoList){return;}
if(demoList.hasChildNodes())
{
var ch=demoList.childNodes;
for(var i=0;i<ch.length;i++)
{
DOMstring+=ch[i].nodeName+'\n';
}
alert(DOMstring);
}
}
[/code=java]
Dus mijn vraag is, waar lees ik overheen en wat doe ik verkeerd.
Hoe pas ik dit nu op de juiste manier toe, want ik zit nu vast in een leerprocess waar ik niet verder uit kom.
Ik zit overal op google al te zoeken, en binnen tweakers wordt ik er ook al niet wijzer van.
Wat is nou de juiste methode om het gewenste resultaat te krijgen zoals in de tutorial wordt omschreven.
[ Voor 16% gewijzigd door Zakkenwasser op 22-12-2008 23:50 ]
PSP 1000 @ 6.60 Pro C2 [+256GB]
PSVita @ Henkaku Enso [+256GB]
3DS @ Luma (B9S) [+160GB]
Nintendo Switch 3.0.1 [+256GB]