Js动态创建页面元素.txt

主要是基于AJAX应用的，其实可以做个隐藏的标签，根本不用动态创建和删除
不过今天群里有人问了就顺便按照这种方法做了一个

<script type="text/javascript" language="Javascript">
function InputOnBlur()
{    var name=document.getElementById("name").value;

     if(name.length >10 || name.length<2)
       {
        var element=document.getElementById("message");
      if(element)
      {
      //alert(element.parentNode.innerHTML);
      element.parentNode.removeChild(element);
      }
               var MySpan=document.createElement("span");
               document.getElementById("containers").appendChild(MySpan);
               MySpan.id = "message";
               MySpan.innerHTML = "<img src='false.jpg' alt='请输入正确的姓名'/>请输入正确的姓名";
        }
      
     else{
      var element=document.getElementById("message");
      if(element)
      {
      //alert(element.innerHTML);
      element.parentNode.removeChild(element);
      }
               var MySpan=document.createElement("span");
               document.getElementById("containers").appendChild(MySpan);
               MySpan.id = "message";
               MySpan.innerHTML = "<img src='true.gif' alt='该用户名输入正确'/>该用户名输入正确";
          }
}
</script>
<div>
姓名：<input id="name" type="text" οnblur="InputOnBlur()" /><span id="containers"></span></div>
<script language="javascript">
document.getElementById("containers").innerHTML = "<font color=red>请输入姓名</font>";
</script>

-------------------------------------------------

var   str_task   =   document.createelement("div");  
  str_task.classname   =   "desk_task_list";  
  str_task.onmouseover   =   function(){buttonmouseover(this)};  
  str_task.onmouseout   =   function(){buttonmouseout(this)};  
   
  上面的代码在moz中不执行，moz中该怎么写了？

发表者：lienzhu
var   str_task   =   document.createelement("div");  
  str_task.classname   =   "desk_task_list";  
  str_task.attachevent("onmouseover",   function(){buttonmouseover(this)});  
  str_task.attachevent("onmouseout",   function(){buttonmouseout(this)});  
 

发表者：micker
一楼的是正确的，建议楼主检查别的地方有没有错误。  
  str_task.attachevent("onmouseover",   function(){buttonmouseover(this)});  
  str_task.attachevent("onmouseout",   function(){buttonmouseout(this)});

发表者：fason
str_task.addeventlistener("mouseover",   function(){   buttonmouseover(str_task)},   false);

发表者：zhaoxiaoyang
var   str_task   =   document.createelement("div");  
  str_task.classname   =   "desk_task_list";  
  str_task.attachevent("onmouseover",   function(){buttonmouseover(this)});  
  str_task.attachevent("onmouseout",   function(){buttonmouseout(this)});  
  ==>  
  var   str_task   =   document.createelement("<div   class=desk_task_list   οnmοuseοver=buttonmouseover(this)   οnmοuseοut=buttonmouseout(this)></div>");

----------------------------------------------

function   addnode()  
  {  
    var   pNode   =   document.all("addnew");  
    var   objNewNode   =   document.createElement("INPUT");  
    objNewNode.type   =   "text";  
    objNewNode.name   =   "todo";  
    objNewNode.value   =   ""  
    objNewNode.size   =   "50";  
    objNewNode.maxlength   =   "100";  
    objNewNode.onblur   =   "alert('haha');";  
   
    pNode.appendChild(objNewNode);  
  }  
  addnode();  
  其中属性都能正常指定(但是style除外),但是onblur事件总是无效,请问高手应该怎样添加  
  onblur事件处理程序  

----------------------------------------------