getElementById funktioniert nicht auf einem Knoten

In diesem einfachen Skript bekomme ich die Fehlermeldung "obj.parentNode.getElementById ist keine Funktion", und ich habe keine Ahnung, was falsch ist. 

<script type="text/javascript">

        function dosomething (obj) {
         sibling=obj.parentNode.getElementById("2");
         alert(sibling.getAttribute("attr"));
        }

</script>

<body>
 <div>
  <a id="1" onclick="dosomething(this)">1</a>
  <a id="2" attr="some attribute">2</a>
 </div>
</body>

InformationsquelleAutor Ursus Russus | 2010-10-10

  1. 6

    .getElementById() ist auf document wie diese:

    document.getElementById("2");

    Da IDs sind soll einzigartig sein, es gibt keine Notwendigkeit für eine Methode, die feststellt, ein element durch ID relativ zu jedem anderen element (in diesem Fall innen, Eltern). Auch, Sie sollten nicht mit einer Zahl beginnen, wenn mit HTML4, ein numberic ID ist gültig in HTML5.

    So, trotz getElementById oft beschrieben wird, zusammen mit anderen DOM-Methoden wie sein auf jedem Knoten, in der Tat ist es sein nur zu dokumentieren. OK, vielen Dank.

    InformationsquelleAutor Nick Craver

  2. 3

    ersetzen .getElementById(id) mit .querySelector('#'+id);

    InformationsquelleAutor kernowcode

  3. 1

    document.getElementById() wird nicht funktionieren, wenn der Knoten war, die dynamisch erstellt wird und noch nicht an der Haupt-Dokument-dom.

    Beispielsweise mit Ajax, nicht alle Knoten befestigt sind, an jedem gegebenen Punkt. In diesem Fall würden Sie müssen entweder explizit track ein handle zu jedem Knoten (in der Regel am besten für die Leistung), oder so etwas wie das Aussehen der Objekte sichern:

    function domGet( id , rootNode ) {
    if ( !id ) return null;

    if ( rootNode === undefined ) {

        //rel to doc base
        var o = document.getElementById( id );
        return o;

    } else {

        //rel to current node
        var nodes = [];
        nodes.push(rootNode);
        while ( nodes && nodes.length > 0 ) {
            var children = [];
            for ( var i = 0; i<nodes.length; i++ ) {
                var node = nodes[i];
                if ( node && node['id'] !== undefined ) {
                    if ( node.id == id ) {
                        return node; //found!
                    }
                }

                //else keep searching
                var childNodes = node.childNodes;
                if ( childNodes && childNodes.length > 0 ) {
                    for ( var j = 0 ; j < childNodes.length; j++ ) {
                        children.push( childNodes[j] );
                    }
                }
            }
            nodes = children;
        }

        //nothing found
        return null;
    }
}

    InformationsquelleAutor Kevin Seifert

Schreibe einen Kommentar