✔ Objekte aus dem DOM löschen?

NetBull · 20. Dezember 2011

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:

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

Netzwerkidi · 21. Dezember 2011

Hai,

sol sollte das gehen:

http://www.dustindiaz.com/add-and-remove-html-elements-dynamically-with-javascript/

Code:

function removeElement(divNum) {

  var d = document.getElementById('myDiv');

  var olddiv = document.getElementById(divNum);

  d.removeChild(olddiv);

}

Grüße

NetBull · 23. Dezember 2011

@netzwerkidi:
keine ahnung wer myDiv ist und wie das funktioniert, hab versucht Dein Beispiel um zu setzen, ..
ohne Erfolge....

Code:

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

Netzwerkidi · 23. Dezember 2011

Sorry

das sollte helfen:

HTML:

<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

NetBull · 24. Dezember 2011

Hi, danke, das war deutlicher...
Das navigieren in den Elementen ist ätzend, ... muss man sich erst dran gewöhnen.
LG & frohe Weihnachten.

✔ Objekte aus dem DOM löschen?

NetBull

Erfahrenes Mitglied

Netzwerkidi

NetBull

Erfahrenes Mitglied

Netzwerkidi

NetBull

Erfahrenes Mitglied

Neue Beiträge