加号展开、减号收缩

来源:互联网 发布:知乎奇葩问题与神回复 编辑:程序博客网 时间:2024/04/29 00:09

用到JS的function、代表”+ -“的两张图片

关键点:

 1).eval函数可以拼接JS语句并且执行  类似于用PHP、JAVA等脚本语言拼接URL语句、SQL语句并执行;

 2).定位到需要改变属性的标签元素 这里的是TD中嵌套的TABLE、IMG元素,需要用getElementById而非ByName,

       BYNAME貌似有问题,就算没有其它同名元素也不能成功获取,而BYID要求不能同名,否则会只获取第一个而忽略

       后面的,所以要求给元素命名,不同的栏目只用一个ID就可以区分出两个图片;然后结合eval语句执行

3).styel.display="block"于style="display:block"的区别

function showsubmenu(sid)
{
whichEl = eval("submenu" + sid);
if (whichEl.style.display == "none")
{
eval("submenu" + sid + ".style.display=\"\";");
eval("document.getElementById(\"ck"+sid+"a\").style.display=\"block\";");
eval("document.getElementById(\"ck"+sid+"b\").style.display=\"none\";");
}
else
{
eval("submenu" + sid + ".style.display=\"none\";");
eval("document.getElementById(\"ck"+sid+"a\").style.display=\"none\";");
eval("document.getElementById(\"ck"+sid+"b\").style.display=\"block\";");
}

原创粉丝点击