<ul style="list-style:none; line-height:35px; margin:0px; text-indent:15px;">
<li style="background-color:#8dc21f; cursor:pointer" onClick="OpenMenu('operation')"><img src="images/+.png" id="operation1">&nbsp;&nbsp;业务</li>
<li id="operation" style="padding:0px;display:none; ">
<ul style="list-style:none;; text-indent:40px;">
<li>申请</li>
<li>任务</li>
<li>审核</li>
<li>管理</li>
<li>提醒</li>
</ul>
</li></ul>
在一个UL标签里面嵌套了一个ul标签,OpenMenu('operation')用来控制显示和隐藏子ul标签,默认隐藏子ul图片是用+号图片,当点击“业务”的时候,显示子ul标签,问题是我怎么能够通过子标签中的id来改变父级中的图片路径、。

解决方案 »

  1.   

    document.getElementById('operation1').src='images/-.png';
    这样可以吗
      

  2.   

    <script>
    function OpenMenu(id,obj){
      obj.firstChild.src="images/-.png"
      //或者
      obj.getElementsByTagName('IMG')[0].src="images/-.png"//这样保险
      //..............
    }
    </script><li style="background-color:#8dc21f; cursor:pointer" onClick="OpenMenu('operation',this)"><img src="images/+.png" id="operation1">&nbsp;&nbsp;业务</li>
      

  3.   

    试过 不行,我觉得document.getElementById('operation1')得到的只是他当前的元素,而现在我需要更改的是他上一级(父级)中的图片路径