js动态改变table的text值

< html >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312" >
< title > EditableText
</ title >
</ head >  
< body >
< script  language ="jscript" > ...
// 创建对象
    function EditableText(_owner)...{
        this.owner = _owner;

        this.edit = document.createElement("input");
        this.edit.type = "text";
        this.edit.onblur = this.onEditBlur;
        this.edit.onclick = this.onEditClick;
        this.edit.obj = this;

        this.span = document.createElement("span");
        this.span.innerText = "EditableText";
        this.span.obj = this;
        this.span.onclick = this.onSpanClick;

        this.owner.appendChild(this.span);
    }

    function EditableText.prototype.onEditClick()...{
        event.cancelBubble = true;
    }

    function EditableText.prototype.onEditBlur()...{
        event.cancelBubble = true;
        var self = this.obj;
        self.span.innerHTML = "";
        self.span.innerText = self.edit.value;
    }

    function EditableText.prototype.onSpanClick()...{
        event.cancelBubble = true;
        var self = this.obj;
        self.edit.value = this.innerText;
        this.innerHTML = "";
        this.appendChild(self.edit);
        self.edit.focus();
    }
//初始化页面
    function init()...{
        for(var i=0;i<20;i++)...{
            new EditableText(document.body);
            var br = document.createElement("br");
            document.body.appendChild(br);
        }
    }
init();
</ script >

</ body >
</ html >