为什么 appendChild 没有响应，动态增加不了呢?

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'test.jsp' starting page</title>
    
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript">
var stuInfo;  //考生信息
var stuManage;  //考生管理
function init(){
stuManage = document.getElementById("stuMange");
stuInfo = document.createElement("div");
stuInfo.innerHTML = "abcdefg";
stuManage.appendChild(stuInfo);
}

</script>
  </head>
  <body>
<input type="button" value="测试" onclick="init();"/> <br/>
<div id="stuManage"></div>
  </body>
</html>
appendChild动态增加节点Dom

解决方案 »

  1.   

    stuManage = document.getElementById("stuMange");少写了一个document.getElementById("stuMange")里面少写了一个a。
      

  2.   

    以后遇到这种问题，不妨用firebug看看。
      

  3.   


    <script type="text/javascript">
    function init(){
     var stuManage = document.getElementById("stuManage");
     var stuInfo = document.createElement("div");
     stuInfo.innerHTML = "abcdefg";
     stuManage.appendChild(stuInfo);
     } </script>
       </head>
       <body>
     <input type="button" value="测试" onclick="init();"/> <br/>
     <div id="stuManage"></div>
     </body>