Ненавязчивый javascript, представленный

Question

В записи в википедии Ненавязчивый JavaScript есть пример навязчивого JavaScript:

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

Решение следующее:

<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.
}

Есть ли способ сгенерировать первый пример кода из второго? Другими словами, возможно ли «визуализировать» HTML страницы после того, как на нее воздействовал JavaScript?

Answer 1

JavaScript может использоваться для рендеринга HTML (добавления элементов в DOM), и это по сути то, что делает решение. Однако если вы просматриваете источник страницы после добавления события onchange, вы не увидите его - это потому, что браузеры показывают только неизмененный DOM.

Если вы хотите просмотреть обновленный DOM, скачайте Firebug для Firefox. Я не могу рекомендовать этот инструмент достаточно!