tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
4
ZUGRIFFE
372
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 20.12.11 22:23 #1
    deAndro deAndro ist offline Mitglied Silber
    Registriert seit
    Jul 2010
    Beiträge
    87
    Hey...

    ich arbeite mich immer noch in JavaScript ein und nachdem ich Objekte erzeugen und wiederfinden kann möchte ich diese wohl auch wieder aus dem Document löschen...

    remove und so geht nicht... Keine Ahnung...
    Der Code sieht so aus:
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

    function treeViewNodeCollapse(aTreeNode)
    {       
        var pageInfoArea = document.getElementById("pageInfoArea");
        
        pageInfoArea.innerHTML = "";
        
        allDivElements = document.getElementsByTagName("div");      
 
        for(var i=0; i<allDivElements.length; i++)
        {
            if( allDivElements[i].getAttribute("parentNodeId") != null )
                if( aTreeNode.getAttribute("collapseId") == allDivElements[i].getAttribute("parentNodeId") )
                {
 
                    // currentElement = allDivElements[i].delete(); ///****?
                }
        }
    }

    Wie lösche ich das Node mit allen SubNodes?

    cu s00n
    deAndro
     
    Zitieren Zitieren
  2. 21.12.11 14:54 #2
    Netzwerkidi Netzwerkidi ist offline Mitglied Gold
    Registriert seit
    Oct 2010
    Beiträge
    237
    Blog-Einträge
    1
    Hai,

    sol sollte das gehen:

    http://www.dustindiaz.com/add-and-re...th-javascript/

    Code :
    1
2
3
4
5
6
7
8
9

    function removeElement(divNum) {
 
  var d = document.getElementById('myDiv');
 
  var olddiv = document.getElementById(divNum);
 
  d.removeChild(olddiv);
 
}


    Grüße
     
    Zitieren Zitieren
  3. 23.12.11 18:16 #3
    deAndro deAndro ist offline Mitglied Silber
    Registriert seit
    Jul 2010
    Beiträge
    87
    @netzwerkidi:
    keine ahnung wer myDiv ist und wie das funktioniert, hab versucht Dein Beispiel um zu setzen, ..
    ohne Erfolge....
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

    function treeViewNode_onClick(aCurNode, evt)
    {
        // verhindern das ein onClick weiter propagiert wird
        if (typeof evt.stopPropagation !== 'undefined') 
            evt.stopPropagation();
        else 
            evt.cancelBubble = true;
        
        // öffnen des Nodes und darstellen der subnodes oder löschen der subnodes
        if( aCurNode.getAttribute("canExpand") == "true" )
        { 
            if( aCurNode.getAttribute("isExpanded") == "true")
            {// hier komm ich nicht weiter. Irgendwie scheine ich mit einer Kopie zu arbeiten
                for(var i=0; i<mParent.childNodes.length; i++)
                {
                    // ->****?  hier komm ich nicht weiter, 
                    //          was ich auch versuche ich lösche 
                    //          entweder nicht alle oder ich lösche ganz andere Elemente
                }
                aCurNode.setAttribute("isExpanded", false, 0);
            }
            else
            {// öffnen der childNodes für dieses Node aCurNode
                loadTreeViewData(aCurNode);
                aCurNode.setAttribute("isExpanded", true, 0);
                
            }
        }

    Kann mir mal jemand einen Tip geben?

    cu s00n deAndro
     
    Zitieren Zitieren
  4. 23.12.11 19:16 #4
    Netzwerkidi Netzwerkidi ist offline Mitglied Gold
    Registriert seit
    Oct 2010
    Beiträge
    237
    Blog-Einträge
    1
    Sorry

    das sollte helfen:

    HTML-Code:
    <html>
  <head>
    <title>http://www.tutorials.de/javascript-ajax/383444-objekte-aus-dem-dom-loeschen.html</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv='Content-Language' content='de-DE' />
  <style type="text/css">
    div { border:10px solid cyan;padding:5px }
    #topDiv { background:green }
    #myDiv { background:yellow }
    .c1 { background:red; }
    .c2 { background:blue; } 
    .cn { background:green; }      
  </style>
  </head>
  <body>
  <div id='topDiv'>topDiv
    <div id='myDiv'>myDiv
       <div class="c1">div1</div>
       <div class="c1">div2</div>
    </div>
    <div class="cn">noch ein div</div>    
  </div>  
  <button onclick="removeElementNew('myDiv')">Lösche myDiv</button>          
  <script type="text/javascript">
    function removeElementNew(el) {
      var d=document.getElementById(el)
      d.parentNode.removeChild(d);
    }    
  </script>  
  </body>
</html>
    Frohe Weihnachten
    Geändert von Netzwerkidi (23.12.11 um 19:18 Uhr)
     
    Zitieren Zitieren
  5. 24.12.11 10:16 #5
    deAndro deAndro ist offline Mitglied Silber
    Registriert seit
    Jul 2010
    Beiträge
    87
    Hi, danke, das war deutlicher...
    Das navigieren in den Elementen ist ätzend, ... muss man sich erst dran gewöhnen.
    LG & frohe Weihnachten.
     
    Zitieren Zitieren
« kleine AnfängerFrage... Ojektorientierung... | *.appendChild(irgendwas); geht nicht »

Ähnliche Themen

  1. Objekte von der Bühne löschen
    Von Daimos00 im Forum Flash Plattform
    Antworten: 3
    Letzter Beitrag: 23.12.08, 16:22
  2. Objekte löschen, deren zeiger in Vector gespeichert sind
    Von armin1893 im Forum C/C++
    Antworten: 3
    Letzter Beitrag: 11.11.08, 16:05
  3. Java Socket: Objekte, Datei und dann wieder Objekte Übertragen
    Von undertaker im Forum Java
    Antworten: 2
    Letzter Beitrag: 27.06.07, 10:57
  4. Objekte löschen
    Von Mailyn im Forum Visual Basic 6.0
    Antworten: 1
    Letzter Beitrag: 11.09.05, 10:36
  5. Objekte ab einem bestimmten Frame der Zeitleiste löschen?
    Von killkrog im Forum 3D Studio Max
    Antworten: 4
    Letzter Beitrag: 01.05.03, 16:52