Note that there are some explanatory texts on larger screens.

plurals
  1. POIE shows run time error for innerHTML
    primarykey
    data
    text
    <p>I have a jsp page in which rows are created dynamically to a table using java script. It is working fine in all the browsers except IE. In IE it is showing the error Unknown run time error..</p> <p>I have attached the java script function</p> <pre><code> function addrow(tableID) { try{ var table = document.getElementById(tableID); var rowCount = table.rows.length; var row = table.insertRow(rowCount-1); var mystring1='&lt;td class="formlabel"&gt;&lt;h4&gt;Type &amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/h4&gt;&lt;/td&gt;&lt;td class="formfield"&gt;&lt;input type="text" name="type7" id="type8" size="30"/&gt;&lt;/td&gt;&lt;td class="formgap"&gt;&lt;/td&gt;&lt;td class="formlabel"&gt;&lt;h4&gt;Description &amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/h4&gt;&lt;/td&gt;&lt;td class="formfield"&gt;&lt;textarea name="textarea2" id="textarea2" cols="28" rows="2"&gt;&lt;/textarea&gt;&lt;/td&gt;'; row.innerHTML =mystring1; }catch(e) { alert(e); } } </code></pre> <p>HTML part</p> <pre><code>&lt;table id="table1" width="792" border="0"&gt; &lt;tr class="rowdiv"&gt; &lt;td class="formlabel"&gt;&lt;h4&gt;Type &amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/h4&gt;&lt;/td&gt; &lt;td class="formfield"&gt;&lt;input type="text" name="type7" id="type8" size="30"/&gt;&lt;/td&gt; &lt;td class="formgap"&gt;&lt;/td&gt; &lt;td class="formlabel"&gt;&lt;h4&gt;Description &amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/h4&gt;&lt;/td&gt; &lt;td class="formfield"&gt;&lt;textarea name="textarea2" id="textarea2" cols="28" rows="2"&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr class="rowdiv"&gt; &lt;td width="170" class="formlabel"&gt;&amp;nbsp;&lt;/td&gt; &lt;td class="formfield"&gt;&amp;nbsp;&lt;/td&gt; &lt;td class="formgap"&gt;&lt;/td&gt; &lt;td class="formlabel"&gt;&amp;nbsp;&lt;/td&gt; &lt;td class="formfield"&gt;&lt;h6 onclick="addrow('table1')"&gt;Add policy&lt;/h6&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </code></pre> <p>Actually I already tried to add a table into a row using a second function..</p> <pre><code>var mystring2='&lt;td&gt;&lt;table width="200" border="1" class="tableborder" align="center"&gt;&lt;tr class="rowdiv"&gt;&lt;td width="799" class="formheader" &gt;&lt;h4&gt;Comany Details&lt;/h4&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width="799"&gt;&lt;table id="table'+rowCount+'" width="792" border="0"&gt;&lt;tr class="rowdiv"&gt;&lt;td width="170" class="formlabel"&gt;&lt;h4&gt;Company ID&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/h4&gt;&lt;/td&gt;&lt;td width="205" class="formfield"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="20" class="formgap"&gt;&lt;/td&gt;&lt;td width="170" class="formlabel"&gt;&lt;h4&gt;Company &amp;nbsp;&amp;nbsp;&amp;nbsp; Name &amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/h4&gt;&lt;/td&gt;&lt;td width="205" class="formfield"&gt;&lt;input type="text" name="type" id="type" size="30"/&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="rowdiv"&gt;&lt;td width="170" class="formlabel"&gt;&lt;h4&gt;Address &amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/h4&gt;&lt;/td&gt;&lt;td width="205" class="formfield"&gt;&lt;textarea name="textarea" id="textarea" cols="28" rows="2"&gt;&lt;/textarea&gt;&lt;/td&gt;&lt;td width="20" class="formgap"&gt;&lt;/td&gt;&lt;td width="170" class="formlabel"&gt;&lt;h4&gt;Phone Number &amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/h4&gt;&lt;/td&gt;&lt;td width="205" class="formfield"&gt;&lt;h6&gt;&lt;input type="text" name="type2" id="type2" size="30"/&gt;&lt;/h6&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="rowdiv"&gt;&lt;td width="170" class="formlabel"&gt;&lt;h4&gt;Fax Number &amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/h4&gt;&lt;/td&gt;&lt;td class="formfield"&gt;&lt;input type="text" name="type3" id="type3" size="30"/&gt;&lt;/td&gt;&lt;td class="formgap"&gt;&lt;/td&gt;&lt;td width="170" class="formlabel"&gt;&lt;h4&gt;E Mail &amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/h4&gt;&lt;/td&gt;&lt;td class="formfield"&gt;&lt;input type="text" name="type5" id="type5" size="30"/&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="rowdiv"&gt;&lt;td class="formlabel"&gt;&lt;h4&gt;Web Site &amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/h4&gt;&lt;/td&gt;&lt;td class="formfield"&gt;&lt;input type="text" name="type7" id="type7" size="30"/&gt;&lt;/td&gt;&lt;td class="formgap"&gt;&lt;/td&gt;&lt;td class="formlabel"&gt;&amp;nbsp;&lt;/td&gt;&lt;td class="formfield"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="rowdiv"&gt;&lt;td class="formlabel"&gt;&lt;h4&gt;Type &amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/h4&gt;&lt;/td&gt;&lt;td class="formfield"&gt;&lt;input type="text" name="type7" id="type8" size="30"/&gt;&lt;/td&gt;&lt;td class="formgap"&gt;&lt;/td&gt;&lt;td class="formlabel"&gt;&lt;h4&gt;Description &amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/h4&gt;&lt;/td&gt;&lt;td class="formfield"&gt;&lt;textarea name="textarea2" id="textarea2" cols="28" rows="2"&gt;&lt;/textarea&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="rowdiv"&gt;&lt;td width="170" class="formlabel"&gt;&amp;nbsp;&lt;/td&gt;&lt;td class="formfield"&gt;&amp;nbsp;&lt;/td&gt;&lt;td class="formgap"&gt;&lt;/td&gt;&lt;td class="formlabel"&gt;&amp;nbsp;&lt;/td&gt;&lt;td class="formfield"&gt;&lt;h6 onclick="addrow('+"'table"+rowCount+"'"+')"&gt;&lt;a href="#"&gt;Add row&lt;/a&gt;&lt;/h6&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt; &lt;/table&gt;&lt;/td&gt;'; </code></pre> <p>All these codes are working in chrome and firefox..</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload