如何添加onmouseover，onmouseout，onclick 。

这里 如何添加onmouseover，onmouseout，onclick  老是不成功的 ，谁帮忙了呢？ 谢谢了。
分没有了<script language="javascript">
    //creatediv();
    function creatediv()
    {
       var objDiv=document.createElement("div");
       objDiv.id="tab1"
       objDiv.innerHTML = "javascript div实例--技术之家，欢迎您"; 
       div.setAttribute("onmouseover",function(){setover();});    这里 如何添加onmouseover，onmouseout，onclick
       div.setAttribute("onmouseout",function(){setout();});
       objDiv.setAttribute("onclick",function(){alert('hit');});
       
       objDiv.style.width="300px";
       objDiv.style.height="300px";
       objDiv.style.border="4px #999999 solid";
       document.getElementById("objFiles2").appendChild(objDiv);
    }
</script>调用
<div onclick="creatediv();">creatediv</div>
    <div id="objFiles2">
    </div>

解决方案 »

  1.   

    objDiv.click(function(){
    })
    objDiv.mouseover(function(){})
    objDiv.mouseout(function(){})
      

  2.   

    objDiv.onclick=function(){
    };
    objDiv.onmouseover=function(){};
    objDiv.mouseout=function(){};
      

  3.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT=""><SCRIPT LANGUAGE="JavaScript">
      <!--  //creatediv();
      function creatediv()
      {
      var objDiv=document.createElement("DIV");
      objDiv.id="tab1"
      objDiv.innerHTML = "javascript div实例--技术之家，欢迎您";  
      objDiv.setAttribute("onmouseover",function(){setover();}); //这里 如何添加onmouseover，onmouseout，onclick
      objDiv.setAttribute("onmouseout",function(){setout();});
      objDiv.setAttribute("onclick",function(){alert('hit');});
        
      objDiv.style.width="300px";
      objDiv.style.height="300px";
      objDiv.style.border="4px #999999 solid";
      document.getElementById("objFiles2").appendChild(objDiv);
      }
      //-->
      </SCRIPT>
     </HEAD> <BODY>
      <div onclick="creatediv();">creatediv</div>
      <div id="objFiles2">
      </div>
     </BODY>
    </HTML>
    这样写应该是没有问题的。是你的div没有定义的。onmouseover
    onmouseout
    你自己写上就可以的。
      

  4.   

    可以了 谢谢 你们<%@ Page Language="C#" AutoEventWireup="true" CodeFile="createDiv.aspx.cs" Inherits="qifu_createDiv" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>创建DIV</title>
         <style type="text/css">
        .banner1{
    background-color:#CC6633;
    .banner2{
    background-color:#FFFFFF;
    }
        </style>
        <script language="javascript">
        //creatediv();
        function creatediv()
        {
           var objDiv=document.createElement("div");
           objDiv.id="tab1"
           objDiv.innerHTML = "javascript div实例--技术之家，欢迎您";
           objDiv.onclick=function(){
              alert('hit');
           };
           objDiv.onmouseover=function(){
              tab1.className='banner1';
           };
           objDiv.onmouseout=function(){
              tab1.className='banner2';
           };
           
           objDiv.style.width="300px";
           objDiv.style.height="300px";
           objDiv.style.border="4px #999999 solid";
           document.getElementById("objFiles2").appendChild(objDiv);
        }
        //document.body.removeChild(document.getElementById("positiono"));
        function makeDiv()  
        {  
            //var ipt=document.getElementById("show").innerHTML;
            
            //alert(ipt);
            var div_xwt= document.createElement("div");  
            div_xwt.id = "DIVI"+document.getElementById("iptNum").value;
            div_xwt.style.width="217px";  
            div_xwt.style.borderRight="black 1px solid";  
            div_xwt.style.borderBottom="black 1px solid";  
            var SELECT = document.createElement("SELECT");  
            SELECT.id="type"+document.getElementById("iptNum").value;  
            SELECT.value="请选择";
            SELECT.style.width="216px";  
            div_xwt.appendChild(SELECT);  
            document.getElementById("objFiles").appendChild(div_xwt);
        }      </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
        2. var objDiv = document.createElement("div");//div创建成功  
       3. //给div中添加内容  
       4. objDiv.innerHTML = "javascript实例--技术之家，欢迎您";  
         <br/><br/><br/>
        </div>
        <input type="text" id="iptNum" value="2" />
        <div id="objFiles">
        </div>
        </form>
        <div id="show" onclick="makeDiv();">2</div>
        <div onclick="creatediv();">creatediv</div>
        <div id="objFiles2">
        </div>
    </body>
    </html>