Prototype

Prototype ist eines der ersten großen JavaScript-Frontend-Frameworks der Web 2.0-Ära.

Wenn beim Verwenden des Prototype-Selektors $ in der JavaScript-Konsole der Fehler TypeError: $(…) is null auftritt, obwohl die Bibliothek geladen wurde, dann liegt das daran, dass der Code, der den Selektor verwendet, ausgeführt wird, bevor Prototype vollständig geladen/initialisiert wurde.

Lösungsansätze

• Script ans Ende des HTML-Dokuments, vor </body> setzen
• Script in eine init()-Funktion einbetten und mittels onload=„init()“ laden.
• Script in Prototypes document.observe() einbetten¹⁾:

  document.observe('dom:loaded', function(){
  	// Your code goes here
  });

<p id="foobar"></p>

$('foobar').update('Text in #foobar');

var containers = $$('div');
 
for (var i = containers.length - 1; i >= 0; i--) {
	var container = containers[i];
 
	var containerID = container.identify();
 
	console.log(containerID);
};

• Prototype