unaufdringlicher Javascript

Question

In dem Wikipedia-Eintrag Dezente JavaScript gerendert gibt es ein Beispiel von aufdringlichen JavaScript:

<input type="text" name="date" onchange="validateDate(this);" /> 

Die Lösung ist folgende:

<input type="text" name="date" /> 

window.onload = function(){ //Wait for the page to load. 
    var inputs = document.getElementsByTagName('input'); 
    for(var i=0,l=inputs.length;i<l;i++){ 
     input = inputs[i]; 
     if(input.name && input.name=='date'){ 
      input.onchange = function(){ 
       validateDate(); 
      } 
     } 
    } 
}; 

function validateDate(){ 
    //Do something when the content of the 'input' element with the name 'date' is changed. 
} 

Gibt es eine Möglichkeit, das erste Codebeispiel zu erzeugen, von der Sekunde? Mit anderen Worten, ist es möglich, den HTML-Code einer Seite zu "rendern", nachdem JavaScript darauf reagiert hat?

Answer 1

JavaScript kann verwendet werden, um HTML zu rendern (Elemente zum DOM hinzufügen) und dies ist im Wesentlichen das, was die Lösung tut. Wenn Sie jedoch die Quelle der Seite anzeigen, nachdem das Ereignis hinzugefügt wurde, werden Sie es nicht sehen, da Browser nur das unveränderte DOM anzeigen. Wenn Sie das aktualisierte DOM durchsuchen möchten, laden Sie Firebug für Firefox herunter. Ich kann dieses Tool nicht genug empfehlen!