怎么查看运行的效果:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
body,div{
padding:0;
border:0;
margin:0 auto;
font-size:14px;
}
</style>
<script language="javascript" src="JQuery_1.4.js"></script>
<script language="javascript">
function show(){var v= $("#myDiv");document.getElementById('t').innerHTML=v;
}
</script>
</head><body><div onclick="show()" style="border:1px #000000 solid; width:90%; height:400px;" align="center"><div id="notMe"><p>id="notMe"</p></div>
<div id="myDiv">id="myDiv"</div></div><div style="width:90%; padding-top:20px;">
  <div style="float:left;width:150px;">
    点击黑色BOX 看效果:
  </div>
  <div id="t">
    等待中...
  </div>
</div></body>
</html>

解决方案 »

  1.   


    <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <style type="text/css">
    body,div{
    padding:0;
    border:0;
    margin:0 auto;
    font-size:14px;
    }
    </style>
    <script language="javascript">
    function show(){
    $('#t').html($("#myDiv").html());
    }
    </script><div onclick="show()" style="border:1px #000000 solid; width:90%; height:400px;" align="center">
    <div id="notMe"><p>id="notMe"</p></div>
    <div id="myDiv">id="myDiv"</div>
    </div><div style="width:90%; padding-top:20px;">
      <div style="float:left;width:150px;">
        点击黑色BOX 看效果:
      </div>
      <div id="t">
        等待中...
      </div>
    </div>