Contenido

getElementBy…

4 May

+ 9

XHTML, como su nombre indica es una extensión de HTML al puro estilo XML, de tal forma que los elementos del código forman un fichero XML bien formado, respetando el estandar XML.

Esto da como resultado el famoso DOM de XHTML, un arbol de tags XML con los cuales podemos movernos de forma cómoda por todos sus elementos. Para movernos por estos elementos mediante Javascript, tenemos una serie de herramientas con las cuales nuestra vida será más facil.

getElementById

    * getElementById (id)

      W3C

      Todos los navegadores que soportan DOM Level 1     * $ (id)

      Sam Stephenson (Prototype JavaScript framework)

      Es una alias del getElementById de la W3C

      Todos los navegadores que soportan DOM Level 1


getElementsByName

    * getElementsByName (name)

      W3C

      Todos los navegadores que soportan DOM Level 1

     

getElementsByTagName

      * getElementsByTagName (tag name)

        W3C    

        Todos los navegadores que soportan DOM Level 1

      

getElementsByTagNames

    * getElementsByTagNames (tag name, parent)

      Peter-Paul Koch

      No solo devuelve un array de elementos, sino que tambien los devuelve en el orden en que aparecen en el documento.

      IE/Win 6+, Firefox 1.5+ *

     

getElementsByClassName

    * getElementsByClassName (class name, parent)

      Sam Stephenson (Prototype JavaScript framework)

      IE/Win 6+, Firefox 1.0+, Mozilla 1.7+, Safari 1.2+

    * getElementsByClassName (class name, tag name, parent)
      Stuart Colville
      IE/Win 5+, IE/Mac 5.2+, Firefox 1.0+, Opera ?, Safari ?

    * getElementsByClassName (parent, tag name, class name)
      Robert Nyman
      IE/Win 5+, Firefox 1.5+ *

    * getElementsByClassName (parent, class name)
      Jonathan Snook
      IE/Win 6+, Firefox 1.5+ *

getElementsBySelector

    * cssQuery (selector, parents)

      Dean Edwards

      IE/Win 5+, IE/Mac 5.2+, Firefox 1.0+, Mozilla 1.6+, Opera 7+, Netscape 6+, Safari 1.2

    * getElementsBySelector (selector)
      Olivier Gambier
      IE/Win 6+, Firefox 1.5+, Opera 8.5+, Safari 1.2+

    * $$ (selector)
      Sam Stephenson (Prototype JavaScript framework 1.0.5rc2)
      IE/Win 6+, Firefox 1.0+, Mozilla 1.7+, Safari 1.2+

    * getElementsBySelector (selector)
      Simon Willison
      IE/Win 6+, Firefox 1.5+, Mozilla 1.3+ *

    * $ (selector)
      John Resig (jQuery)
      IE/Win 6+, Firefox 1.5+, Opera ?, Safari ? *

    * getElementsBySelector (selector)
      Joe Hewitt
      Requiere soporte XPath.
      Firefox 1.0+, Mozilla ?, Opera ? *

getElementsByAttribute

    * getElementsByAttribute (parent, tag name, attribute name, attribute value)

      Robert Nyman

      IE/Win 6+, Firefox 1.5+ *

    * getElementsByAttribute (attribute name, attribute value, is comma seperated)
      David «liorean» Andersson
      IE/Win 5+, Firefox 1.0+ *

    * getElementsByAttribute (attribute name, attribute value, tag name, parent)
      Jack Sleight
      Esta función fue escrita para ser usada con Prototype.
      IE/Win 6+, Firefox 1.5+ *

getElementsByAnything

    * $ (arguments)

      Matthew Pennell

     Esta función esta hecha para buscar ID, nombre de class y finalmente tags, dependiendo de lo que vaya encontrando.

      IE/Win 6+, Firefox 1.0+

Via | Meneame

programacion, javascript, dom, xhmtl, xml

  • Como en cada caso mencionas el soporte para cada navegador, en realidad poco importa si el documento es XHTML (salvo que estés usando namespaces) o si está bien formado. HTML puede estar mal formado y aún así se puede crear un DOM.

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.