Remove a div by it’s ID ( and all elements within )

@arron3Sep 06.2008

<div id=~3~>Industrial Goods<input type=”button” value=”Delete” onClick=”DeleteThis(‘~3~|Industrial Goods’)”><br></div>

So basically… it will delete itself..

Thanks!

to post a comment

@scragarSep 06.2008 — #

function removeElement(ele){
 if(ele.parentNode &amp;&amp; ele.nodeType){
 ele.parentNode.removeChild(ele);
 return true;
 }else{
 return false;// not an element or no parent :(
 };
 };

@arron3authorSep 06.2008 — #Thanks! That worked well.. to further, I am trying to do this with no luck :

[code=html]
 <script Language="JavaScript">
 
 function removeElement(ele){
 
  pieces = ele.split("_");
 
  var ele = pieces[0];
 
  ele.parentNode.removeChild(ele);
 
 }
 </script>
 
 
 <div id="1">Industrial Goods
 <input type="button" value="Delete" onClick="removeElement(1_1)">
 <br>
 </div>
 [/code]

@Declan1991Sep 06.2008 — #Probably because you are not passing a string<input type="button" value="Delete" onClick="removeElement([color=red]'[/color]1_1[color=red]'[/color])">

@scragarSep 06.2008 — #Try this edited version:

function removeElements(){
 var ele;
 for(var i = arguments[0].length-1; i &gt;= 0; i--){
 ele = arguments[i]
 if(typeof ele == 'string'){
 ele = document.getElementById(ele);
 };
 try{
 ele.parentNode.removeChild(ele);
 }catch(e){};
 };
 };

then call it like this:

<i>
 </i>  &lt;input type="button" value="Delete" onClick="removeElement('1', '2')"&gt;

although it should be noted that elements IDs technicaly shouldn't be allowed to begin with a number.

Remove a div by it’s ID ( and all elements within )

4 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Remove a div by it’s ID ( and all elements within )

4 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

4 Comments(s) _↴

Also in #JavaScript _↴