毕业设计基本原理演示页面的详细代码
说明：文章内容仅供预览，部分内容可能不全。下载后的文档，内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的，是否完整无缺。
基本原理演示页面的详细代码： “-//W3C//DTD HTML4.01 Transitional//EN”>
“Content-type” content=“text/html;charset=utf-8”> </word><word ps='' class=''>动态树形列表基本原理演示</word><word ps='' class=''>
“text/javascript”>
var counter =1; //全局子项计数器
//页面加载后立即执行的方法，在menu节点增加3个子项 function init() {
var menu=document.getElementByld(“menu”) ; addChildren(menu) ; }
//在传入的pNode节点内追加3个子项 function addChildren(pNode){
event.cancelBubble =true ; //阻止事件冒泡，避免父层div响应onclick事件 pNode.appendChild(createNewltem()); pNode.appendChild(createNewltem()); pNode.appendChild(createNewltem()); }
//创建新的子项
function createNewltem(){
var_node =document.createElement(“div”); 创建1个div节点 //给新建的div节点增加内容，并设置单击后调用addChildren函数 _node.innerHTML=
“’item’onclick=’addChildren(this)’>item”+counter+”
”;
counter++; //计数器加1 return_node; }
”init()”> ”menu”>
本文来源：https://www.wddqw.com/doc/4fb255fd3286bceb19e8b8f67c1cfad6195fe9f2.html