JavaScript get child element

Question

Why this does not work in firefox i try to select the category and then make subcategory visible    lt script type  text javascript  gt      function show sub cat          var cat   document getElementById  cat          var sub   cat getElementsByName  sub          sub 0  style display  inline        lt  script gt    -   lt ul gt       lt li id  cat  onclick  show sub this   gt          Top 1          lt ul style  display none  name  sub  gt               lt li gt Sub 1 lt  li gt               lt li gt Sub 2 lt  li gt               lt li gt Sub 3 lt  li gt           lt  ul gt       lt  li gt       lt li gt Top 2 lt  li gt       lt li gt Top 3 lt  li gt       lt li gt Top 4 lt  li gt   lt  ul gt    EDIT Answer is     lt script type  text javascript  gt     function show sub cat          cat getElementsByTagName  ul   0  style display    cat getElementsByTagName  ul   0  style display     none      inline     none         lt  script gt

User · Answer

Try this one   function show sub cat        var parent   cat      sub   parent getElementsByClassName  sub        if  sub 0  style display     inline            sub 0  style display    none             else           sub 0  style display    inline            document getElementById  cat   onclick   function        show sub this         and use this for IE6  amp  7  if  typeof document getElementsByClassName   function         document getElementsByClassName   function             var elms   document getElementsByTagName               var ei   new Array            for  i 0 i lt elms length i                  if  elms i  getAttribute  class                     ecl   elms i  getAttribute  class   split                       for  j 0 j lt ecl length j                          if  ecl j  toLowerCase      arguments 0  toLowerCase                              ei push elms i                                                          else if  elms i  className                    ecl   elms i  className split                       for  j 0 j lt ecl length j                          if  ecl j  toLowerCase      arguments 0  toLowerCase                              ei push elms i                                                                            return ei

User · Answer

I d suggest doing something similar to   function show sub cat        if   cat            return false            else if  document getElementById cat             var parent   document getElementById cat               sub   parent getElementsByClassName  sub            if  sub 0  style display     inline                sub 0  style display    none                     else               sub 0  style display    inline                      document getElementById  cat   onclick   function        show sub this id            JS Fiddle demo   Though the above relies on the use of a class rather than a name attribute equal to sub   As to why your original version  didn t work   not  I must add  a particularly useful description of the problem   all I can suggest is that  in Chromium  the JavaScript console reported that      Uncaught TypeError  Object   has no method  getElementsByName     One approach to working around the older-IE family s limitations is to use a custom function to emulate getElementsByClassName    albeit crudely   function eBCN elem classN       if   elem     classN           return false            else           var children   elem childNodes          for  var i 0 len children length i lt len i                 if  children i  nodeType    1                  amp  amp                  children i  className    classN                       var sub   children i                                   return sub           function show sub cat        if   cat            return false            else if  document getElementById cat             var parent   document getElementById cat               sub   eBCN parent  sub            if  sub style display     inline                sub style display    none                     else               sub style display    inline                      var D   document      listElems   D getElementsByTagName  li    for  var i 0 len listElems length i lt len i         listElems i  onclick   function            show sub this id               JS Fiddle demo

User · Answer

ULs don t have a name attribute  but you can reference the ul by tag name   Try replacing line 3 in your script with this   var sub   cat getElementsByTagName  UL

[javascript] JavaScript get child element

Examples related to javascript

Examples related to html