怎样动态添加多级文本行

[img]http://hi.csdn.net/attachment/201005/19/1036017_1274257699Dq6T.jpg[/img]
[size=large]点击+号,动态添加对应的一个子文本行。
哪位高手,帮帮我...[/size]

为加号元素添加点击事件监听函数。该函数首先创建一个根据你要添加内容创建一个节点,获取被添加行的父节点后,然后调用父节点添加创建结点为其子节点。
提供一个思路,具体做法看你用什么JS库了,原生的DOM接口各浏览器实现的不一样,写起来太费劲

不太明白你要做什么,我估计一下,

var i=0; function addline(){ var myElement = document.createElement('<h2></h2>'); myElement.innerText="sadsad"; document.getElementById('content').appendChild(myElement); }



+



你看下是不是你要的效果

用innerHTML, ie和Firefox通用
[code="html"]


<br> function doAdd(){<br> document.getElementById(&#39;target&#39;).innerHTML+=&quot;<div>新的文本</div>&quot;;<br> }<br>








[/code]

[code="html"]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



Click Me .cursor {cursor:pointer;} var gl; function CreateEvent(n){ var myArray=new Array("aa","bb","cc"); var b=document.getElementById("b"+n); var c=document.getElementById("c"+n); //alert(b.id); if(c==null){ var Cdiv=document.createElement("div"); Cdiv.setAttribute("id","c"+n); Cdiv.innerHTML=myArray[n]; b.appendChild(Cdiv); }else{ removediv("c"+n); } } function removediv(DivId){ var div = document.getElementById(DivId); div.style.display = "none"; //隐藏而不删除 div.parentNode.removeChild(div); //删除 }

Click Me
Click Me
Click Me



[/code]

如果一楼的理解是对的,那我的代码就和一楼的没,什么区别.

var i=0; function addline(){ <!--该函数首先创建一个根据你要添加内容创建一个节点--> [color=red]var myElement = document.createElement('<h2></h2>'); [/color] myElement.innerText="sadsad"; <!--获取被添加行的父节点后,然后调用父节点添加创建结点为其子节点。 --> document.getElementById('content').appendChild(myElement); }


[color=red]+ [/color]



你在看下是不是和一楼的理解是一样的

你的意思是说

为一级,而你想在其上再串加一个或几个
,类似这样的效果:
......



如果是,那还不是都一样,都是先建一个element,再找他的父节点,再用appendChild加在父节点里面嘛