js appendChild方法应用

项目中需要添加一个js动态添加隐藏域的功能，
一开始使用的方法是：

function autoHidden(name){
    var list  = document.getElementsByName(name);
    if(list.length==0){//判断是否添加过
        var input = document.createElement("input");
        input.type = 'hidden';
        input.name = name;
        input.id = name;
        var mainfm= document.fm;
        mainfm.appendChild(input);
    }
}

这种方法在IE部分浏览器上可以使用，部分浏览器appendChild()方法通过子页面修改父页面时无法生效。
之后将方法修改成：

function autoHidden(name){
    var list  = document.getElementsByName(name);
    if(list.length==0){
        var input = document.createElement("input");
        input.type = 'hidden';
        input.name = name;
        input.id = name;
        var eleTbody = document.createElement("TBODY");
        var eleTd = document.createElement("TD");    
        var eleTr = document.createElement("TR");
        eleTd.appendChild(input);
        eleTr.appendChild(eleTd);
        eleTbody.appendChild(eleTr);
        var mainfm= document.fm;
        mainfm.appendChild(eleTbody);
    }
}

这样修改后可以实现子页面修改父页面。