<div>
<div class="content wysiwyg-content">
Hi, I have some elements which I have added using createElement() from a button event handler. I also have another button so that I can remove the elements which I have added, but although it worked in Firefox and Opera, both IE 6 and 7 won't do it.<br />
<br />
HTML:<br />
&lt;div id=&quot;container&quot;&gt;<br />
&lt;table id=&quot;table&quot;&gt;<br />
&nbsp; &lt;tr id=&quot;tr1&quot;&gt;<br />
&nbsp; &nbsp; [......]<br />
&nbsp; &lt;/tr&gt;<br />
&nbsp; &lt;tr id=&quot;tr2&quot;&gt;&lt;!--This and its children created using createElement()...--&gt;<br />
&nbsp; &nbsp; [......]<br />
&nbsp; &lt;/tr&gt;<br />
&lt;table&gt;<br />
&lt;/div&gt;<br />
<br />
JS:<br />
function remove_elem() {<br />
&nbsp; var elemid = document.getElementById('t<wbr />r2');<br />
&nbsp; elemid.parentNode.removeCh<wbr />ild(elemid<wbr />);<br />
}<br />
<br />
Many Thanks, Adam.
</div>
</div>


Hi, I have some elements which I have added using createElement() from a button event handler. I also have another button so that I can remove the elements which I have added, but although it worked in Firefox and Opera, both IE 6 and 7 won't do it.

HTML:
<div id="container">
<table id="table">
  <tr id="tr1">
    [......]
  </tr>
  <tr id="tr2">
    [......]
  </tr>
<table>
</div>

JS:
function remove_elem() {
  var elemid = document.getElementById('tr2');
  elemid.parentNode.removeChild(elemid);
}

Many Thanks, Adam.

removeChild() not working in IE

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.