====== Prototype ====== //Prototype// ist eines der ersten großen [[javascript:start|JavaScript-Frontend-Frameworks]] der [[lexikon:web20|Web 2.0-Ära]]. ===== TypeError: $(…) is null ===== 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 '''' setzen * Script in eine ''init()''-Funktion einbetten und mittels ''onload="init()"'' laden. * Script in Prototypes ''document.observe()'' einbetten(([[https://groups.google.com/forum/?fromgroups=#!topic/prototype-scriptaculous/VEa5vRxr9uo/discussion|Google Groups: TypeError: $(…) is null]])):document.observe('dom:loaded', function(){ // Your code goes here }); ===== Content eines Elements ändern =====

$('foobar').update('Text in #foobar'); ===== ID eines Elements ermitteln ===== var containers = $$('div'); for (var i = containers.length - 1; i >= 0; i--) { var container = containers[i]; var containerID = container.identify(); console.log(containerID); }; ===== Links ===== * [[http://prototypejs.org/|Prototype]]