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事件處理程序  

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