不引人注目的javascript渲染

在wikipedia条目Unobtrusive 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.
}

window.onload=function（）{//等待页面加载。
var inputs=document.getElementsByTagName（'input'）；
对于（var i=0，l=inputs.length；iJavaScript可用于呈现HTML（向DOM添加元素），这基本上就是解决方案所做的。但是，如果在添加
onchange
事件后查看页面的源代码，您将看不到它-这是因为浏览器仅显示未更改的DOM

如果您想浏览更新后的DOM，请下载Firefox。我不能充分推荐此工具！
您能详细解释一下您想做什么吗？我不确定“渲染”是什么意思html。我也很困惑。这两个例子在功能上是等效的。你想做什么？是的，谢谢！你完美地解释了我想说的。Web开发者工具栏FF扩展还有一个很好的选项“查看生成的源代码”