2 qq 24989797 qq_24989797 于 2016.04.14 02:14 提问

嵌套的javascript 用children[0]为什么javascript代码没有执行呢
 <head>
    <title>后台左侧导航页面</title>

    <style type="text/css">
      .dc { 
            display: none; 
            margin-left: 10px;
          }
    </style>

    <script language="javascript">
          function test(e) {
                e.style.display = e.style.display == 'block' ? 'none' : 'block' ; 

          }

    </script>
  </head>

  <body>
    <ul>
        <li>
            <a href="#" onclick="test(cnm)">分类管理
                <div id=cnm class="dc">
                    <a href="${pageContext.request.contextPath }/manager/addcategory.jsp"  target="right">添加分类</a><br/>
                    <a href="${pageContext.request.contextPath }/manager/ListCategoryServlet"  target="right">查看分类</a><br/>
                </div>
            </a>
        </li>
   <a href="#" onclick="___test(children[0])___">分类管理
                <div  class="dc">
                    <a href="${pageContext.request.contextPath }/manager/addcategory.jsp"  target="right">添加分类</a><br/>
                    <a href="${pageContext.request.contextPath }/manager/ListCategoryServlet"  target="right">查看分类</a><br/>
                </div>

3个回答

devmiao
devmiao   Ds   Rxr 2016.04.14 03:44
已采纳
qq_24989797
qq_24989797 回复qq_24989797: 为什么children[0] 在这里test方法没执行呢 我是个菜鸟 求详细点帮助 (*^__^*)
一年多之前 回复
qq_24989797
qq_24989797 <a href="#" onclick="test(children[0])">分类管理 <div class="dc"> <a href="${pageContext.request.contextPath }/manager/addcategory.jsp" target="right">添加分类</a><br/> <a href="${pageContext.request.contextPath }/manager/ListCategoryServlet" target="right">查看分类</a><br/> </div>
一年多之前 回复
showbo
showbo   Ds   Rxr 2016.04.14 09:18

标签乱嵌套,div不是a的合法元素,div被解析出a标签外了,用nextSibling属性,注意a和div之间不要有空白,要不标准浏览器下也算一个节点

而且不用直接使用id引用控件,用document.getElementById,有些浏览器不支持,而且定义过同名变量也会导致引用到变量而不是dom对象

   <ul>
        <li>
            <a href="#" onclick="test(document.getElementById('cnm'))"> 分类管理</a><div id=cnm class="dc">
                    <a href="${pageContext.request.contextPath }/manager/addcategory.jsp" target="right">添加分类</a><br />
                    <a href="${pageContext.request.contextPath }/manager/ListCategoryServlet" target="right">查看分类</a><br />
                </div>
        </li>
        <a href="#" onclick="test(this.nextSibling)"> 分类管理</a><div class="dc">
                <a href="${pageContext.request.contextPath }/manager/addcategory.jsp" target="right">添加分类</a><br />
                <a href="${pageContext.request.contextPath }/manager/ListCategoryServlet" target="right">查看分类</a><br />
            </div>
qq_24989797
qq_24989797 3q
一年多之前 回复
CSDNXIAON
CSDNXIAON   2016.04.14 09:34

JavaScript代码执行
javascript如何让页面加载完毕再去执行代码
----------------------同志你好,我是CSDN问答机器人小N,奉组织之命为你提供参考答案,编程尚未成功,同志仍需努力!

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!