日期:2014-05-18  浏览次数:20566 次

关于js的方法实现(如有好答案,立即结贴.参与者均有分)
一个页面有两部分:A部分是一些数据,有一按钮;B部分是对A的显示.当点击A的a按纽时候:1A中的所点击的内容在B中显示.2再次点击A中a按纽的时候B中的内容就会取消.
B中可以对显示的内容进行删除等处理.
类似于这样的一个操作,我想应该是用js去完成.
因为没有思路,请大家指教.

------解决方案--------------------
最简单的方式
两块div 左边div的onclick事件触发右边div的隐藏或者显示
------解决方案--------------------
楼上正解
------解决方案--------------------
up
------解决方案--------------------
一楼的方法不错。

我这里就给点代码提示:
<td class= "style1 " style= "text-align:left;cursor:pointer; " onClick= "outliner() " child= "1ALL "> 处理信息: </td>

<div class= "collapsed " id= "1ALL " align= "center ">
<div child= "1ALL2 " onClick= "outliner() " align= "center ">
中间是你现实或隐藏的内容。。。。。

</div>

js代码:
function outliner()
{
var child = document.all[event.srcElement.getAttribute( "child ",false)];
if (null != child){
if(child.className == "expanded ")
{
child.className = "collapsed ";
return;
}
if(child.className == "collapsed ")
{
child.className = "expanded ";
return;
}
}
}
</div>
------解决方案--------------------
rickhunterchen(千山鸟飞绝)  方法可行
------解决方案--------------------
楼主要的应该是显示和删除 不是控件的显示和隐藏
A的onclick事件触发 如果右边为空 则B.innerText=A.innertext;
如果右边不为空 则B.innerText= ' ';