请教一段JS的问题 js DOM 在线等

Question

function createNewType(){
var newDiv=document.getElementById("showArea");
var newul=document.createElement("ul");
var newli1=document.createElement('li');
newli1.className="b01";
var newinput=document.createElement("input");
newinput.value="新增加的分类";
newinput.onmouseover= function(){//绑定事件
changeStyle(this,'11');
};
newli1.appendChild(newinput);

var newli2=document.createElement('li');
newli2.className="b02";
var newimg=document.createElement("img");
newimg.id="imgsrc11";
newimg.setAttribute("src",path+"/merchant/centre/images/editPNG2.png");
newli2.appendChild(newimg);
var newa=document.createElement("a");
newa.name="edimghref";
newa.setAttribute("href","javascript:void(0)");
newa.id="edimg11";
newa.innerText="添加图片";
newli2.appendChild(newimg);
newli2.appendChild(newa);
newul.appendChild(newli1);
newul.appendChild(newli2);
newul.id="ul11";
   newDiv.appendChild(newul);
 
  
}
这个是一个增加一个表格一样形式的js 但是不知道为什么newli2 要是连续加入newimg newa newa在页面上就不能显示 求解答啊

Answer 1

你还是把代码贴到JavaScript框里吧。这么看头疼

Answer 2

function createNewType(){
var newDiv=document.getElementById("showArea");
var newul=document.createElement("ul");
var newli1=document.createElement('li');
newli1.className="b01";
var newinput=document.createElement("input");
newinput.value="新增加的分类";
newinput.onmouseover= function(){//绑定事件
changeStyle(this,'11');
};
newli1.appendChild(newinput);var newli2=document.createElement('li');
newli2.className="b02"; 
var newimg=document.createElement("img");
newimg.id="imgsrc11";
newimg.setAttribute("src",path+"/merchant/centre/images/editPNG2.png");
newli2.appendChild(newimg);
var newa=document.createElement("a"); 
newa.name="edimghref";
newa.setAttribute("href","javascript:void(0)");
newa.id="edimg11";
newa.innerText="添加图片";
newli2.appendChild(newimg);
newli2.appendChild(newa);
newul.appendChild(newli1);
newul.appendChild(newli2);
newul.id="ul11";
newDiv.appendChild(newul);
  }

Answer 3

function createNewType(){
var newDiv=document.getElementById("showArea");
var newul=document.createElement("ul");
var newli1=document.createElement('li');
newli1.className="b01";
var newinput=document.createElement("input");
newinput.value="新增加的分类";
newinput.onmouseover= function(){//绑定事件
changeStyle(this,'11');
};
newli1.appendChild(newinput);var newli2=document.createElement('li');
newli2.className="b02"; 
var newimg=document.createElement("img");
newimg.id="imgsrc11";
newimg.setAttribute("src",path+"/merchant/centre/images/editPNG2.png");
newli2.appendChild(newimg);
var newa=document.createElement("a"); 
newa.name="edimghref";
newa.setAttribute("href","javascript:void(0)");
newa.id="edimg11";
newa.innerText="添加图片";
newli2.appendChild(newimg);
newli2.appendChild(newa);
newul.appendChild(newli1);
newul.appendChild(newli2);
newul.id="ul11";
newDiv.appendChild(newul);
  }

Answer 4

src/applicationContext.xml<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://www.springframework.org/schema/beanshttp://www.springframework.org/schema/beans/spring-beans-2.0.xsd">
    <bean id="sessionFactory"
        class="org.springframework.orm.hibernate3.LocalSessionFactoryBean">
        <property name="configLocation"
            value="file:src/hibernate.cfg.xml">
        </property>
    </bean>
    <bean id="UsertableDAO" class="spring_hibernate_dao.UsertableDAO">
        <property name="sessionFactory">
            <ref bean="sessionFactory" />
        </property>
    </bean></beans>