[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('target').innerHTML+="<div>新的文本</div>";<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); //删除 }
[/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加在父节点里面嘛