JS创建删除元素-CSDN博客

本文链接：https://blog.csdn.net/iteye_2411/article/details/82327781

<html> 
    <head> 
        <title>createElement() Example</title> 
        <script type="text/javascript"> 
            function createMessage() { 
			    var aa = document.getElementById('ulMenu');	
                var oP = document.createElement("li"); 
				oP.id="four"
				oP.setAttribute('class','codeDemomouseOnMenu');
				//在火狐下支持，IE下不支持
				//oP.setAttribute('onclick',"changeDiv('userTable');this.className='codeDemomouseOnMenu'");
				//oP.setAttribute('ondblclick',"changeDiv('userTable');this.className='codeDemomouseOnMenu'");
                var oText = document.createTextNode("全部用户明细"); 
				oP.appendChild(oText); 
				aa.appendChild(oP);
				oP.onclick = function() {
					changeDiv(divid,liid);
					this.className=classNm;
				}
				oP.ondblclick = function() {
				    changeDiv(divid,liid);
					this.className=classNm;
				}
           } 
		   function removeMessage() {    
		        var aa = document.getElementById('ulMenu');	
                var oP = document.getElementById('four');    
                aa.removeChild(oP);    
           }  
        </script> 
    </head> 
    <body>
	<ul class="codeDemoUL" id="ulMenu">
        <li id="one" class="codeDemomouseOnMenu" οnclick="changeDiv('treeTable');this.className='codeDemomouseOnMenu'" οndblclick="changeDiv('treeTable');this.className='codeDemomouseOnMenu'"  >部门明细</li>
         <li id="two" class="codeDemomouseOutMenu" οnclick="changeDiv('listTable');this.className='codeDemomouseOnMenu'"  οndblclick="changeDiv('listTable');this.className='codeDemomouseOnMenu'" >用户明细</li>
         <li id="three" class="codeDemomouseOutMenu" οnclick="changeDiv('spanTable');this.className='codeDemomouseOnMenu'" οndblclick="changeDiv('spanTable');this.className='codeDemomouseOnMenu'" > 任务明细</li>
</ul>   
	    
		<a href="#" οnclick="createMessage()">aaaaaa</a>
		<a href="#" οnclick="removeMessage()">bbbbbb</a>
    </body> 
      
</html>