用js动态插入HTML标签时的一点注意的地方

这两天在学习js，发现一个问题，我在用appendChild动态插入一个input type=text标签时，发现不能设置这个文本框所响应的事件，代码是这样写的：

             var  oTextInDiv          =  document.createElement( " input " );
            oTextInDiv.type      =   " text " ;
            oTextInDiv.id         =   " textInDivId " ;
            oTextInDiv.width     =  width  -   5 ;
            oTextInDiv.height     =  height  -   5 ;
            oTextInDiv.onblur     =   " removeChildDiv(this) " ;
            childDiv.appendChild(oTextInDiv);

当所创建的文本框失去焦点时，一直都不执行"removeChildDiv(this)"方法。

然后我选择用insertAdjacentHTML方法插入一段HTML代码：

             var  inputString  =   " <INPUT id=textInDivId οnblur='removeChildDiv(this)' width='100px' height='30px'/> " ;
            childDiv.insertAdjacentHTML( " afterBegin " , inputString);

这样"removeChildDiv(this)"方法是执行了，但是新的问题又出现了，这样插入的方式我设置的属性又不起作用了，无语...

没有办法，只能把两个方法配合起来用：

             var  inputString  =   " <INPUT id=textInDivId οnblur='removeChildDiv(this)'> " ;
            childDiv.insertAdjacentHTML( " afterBegin " , inputString);
            
             var  textBox      =  document.getElementById( " textInDivId " );
            textBox.height      =  height  -   6 ;
            textBox.width     =  width  -   6 ;

不知道是我什么地方操作有问题，还是DHTML本来就是这个特性，不知道还有没有什么更好的方法，希望各位大虾指教。