怎样让createElement创建的层显示在页面中?

<!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">
function func1(){
var message = "345354"
alert("123")
var  divid= "msn"
//document.getElementById(divid).innerHTML=message
document.getElementById(divid).innerText=message
mediaDiv = document.createElement("div"); //创建
　　mediaDiv.id = "div"; //指定ID
　　mediaDiv.innerHTML= "ssssssss"; //插入到A标签的下方
　　getElementById("table1").insertBefore(mediaDiv,null); //显示媒体}</script>
</HEAD><BODY>
<input type="button" value="button1"  onclick="func1()">
<div id="msn"> 123</div>
<table id="table1">
<tr>
 <td><a href="a_del.jsp?djbh=<%djbh%>" onclick="return window.confirm('你确实要删除单据编号为<%=djbh%>的这条数据吗？');">删除</a></td>
</tr>
</table>
</BODY>
</HTML>

解决方案 »

  1.   

    简单的例子，参照一下
    <span id='info'> 
    </span>
    <input type='button' value=' add ' onclick='add_div();'>
    <script>
     function add_div(){
       div_obj = document.createElement('div');
       document.getElementById('info').appendChild(div_obj);
       div_obj.innerText = 'this is a test';
      }
    </script>
      

  2.   

    一定要在新建的层里添加内容才能显示吗?
    如果我用 setAttribute('id','middle'); 
    middle是CSS样式,定义了层的大小和背景颜色,为什么不行呢?上面各位的方法我等下试试~
    先谢谢了~
      

  3.   

    可以了~
    谢谢各位,
    用appendChild就可以了的,之前我用 setAttribute('id','middle'); 把CSS定义的ID写错了..
    什么效果都没有..就以为不行...
    谢谢~刚开始深入学javascript,以后还要经常请教大家~对了,mingxuan3000(铭轩) 兄,有没有好的介绍DOM的网站介绍一个给我吧?