javascript

kort overzicht van een beperkt aantal javascript-functies

Dit overzicht is bedoeld om even snel te zien hoe een bepaalde functie ook al weer in elkaar steekt of hoe iets werkt. De blokhaken om iets heen geven aan dat het om een Element gaat en niet om een string, functie of zomaar variabele.

DOM (Document Object Model)

• element verkrijgen door ID
  • var GezochteElement = document.getElementById( idVanGezochteElement );
• element invoegen voor ander element
  
  • [vaderObjectVanElementA].insertBefore( [inTeVoegenElement], [ElementA] );
• element invoegen na alle andere objecten van een vaderElement
  • [vaderElement].appendChild( [inTeVoegenElement] );
• element verwijderen uit vaderelement
  
  • [vaderElement].removeChild( [teVerwijderenElement] );
    

Array aanmaken en opvragen

• var arrayVar = new Array();
• var arrayVar = new Array( "string1", "string2", "string3" );

Bij het aanmaken worden automatisch indexnummers toegekend. Hierdoor zit "string1" gekoppeld aan arrayVar[0], enz. Als je in plaats van een indexnummer een index'tekst' wilt gebruiken, moet je dit zo doen:

• arrayVar["tekst"] = "string4"; 

arrayVar bevat dan niet alleen arrayVar[0], arrayVar[1 en arrayVar[2], maar ook arrayVar["tekst"]. Deze tekstindici (en dus niet de indexnummers!) kunnen ook met een punt opgevraagd worden, zodat de volgende twee methoden hetzelfde (namelijk een berichtvenster met "string4" als bericht) opleveren:

• alert( arrayVar["tekst"] );
• alert( arrayVar.tekst ); 

Een alternatieve methode is het aanmaken van een JSON lijst. JSON gedraagt zich in princpe net als een array, alleen hier zijn het aangeven van indici verplicht (omdat een JSON lijst technisch gezien een Object is en geen Array. Een object kan niet zomaar een rij waarden 'binnenin' zich hebben, maar wel variabelen die een naam hebben en een waarde bevatten). De tekstindicinamen (oftewel technisch gezien de naam van de variabele binnen het JSON object) mogen bij het aanmaken zónder, maar ook mét quootjes getypt worden. Aanmaken gaat dan dus op de volgende manieren:

• var arrayVar = { 0:"string1", 1:"string2", 2:"string3", tekst:"string4" };
• var arrayVar = { 0:"string1", 1:"string2", 2:"string3", "tekst":"string4" };
  

Opvragen gaat net zoals bij een array. Ook hierbij kunnen alléén de tekstindici via een punt opgevraagd worden.