hi guys....can anybody tell me what is the problem with the following line?....it works in Firefox but doesn't work in IE !
doc.getElementB yId("testbody") .innerHTML="";
doc.getElementB yId("testbody") .innerHTML="";
-
-
TryCode:document.getElementById("testbody").innerHTML=""; -
the testbody is ID of what????Comment
-
i forgot to mention that i declared var doc = document ; and ya testbody is an id . but still its not working :(Comment
-
Then post the rest of your code which contains the "testbody" element.Comment
-
i need to see what element your trying to set innerHTML of.Comment
-
Code:function createTable(id){ var hmrc=0; var h=0; var newrow; var tbl; var newcol , newinput; var loopcounter=0; tbl = doc.getElementById('testbody'); //create a new row newrow = doc.createElement("TR"); newcol = doc.createElement("TD"); newcol.width = 200; newinput = doc.createElement("input"); newinput.name = "head"; newcol.appendChild(newinput); newrow.appendChild(newcol); while ( loopcounter<x ){ newcol = doc.createElement("TD"); newcol.width = 200; newinput = doc.createElement("input"); newinput.name = "newrow1table"+__uid1; newinput.size = 20; newinput.value = col1[loopcounter+1]; newcol.appendChild(newinput); newrow.appendChild(newcol); loopcounter++; } tbl.appendChild(newrow); __uid1++; loopcounter=0; newrow = doc.createElement("TR"); newcol = doc.createElement("TD"); newcol.width = 200; newinput = doc.createElement("input"); newinput.name = "head"; newcol.appendChild(newinput); newrow.appendChild(newcol); while ( loopcounter<x ){ newcol = doc.createElement("TD"); newcol.width = 200; newinput = doc.createElement("input"); newinput.name = "newrow2table"+__uid1; newinput.size = 20; newinput.value = col2[loopcounter+1]; newcol.appendChild(newinput); newrow.appendChild(newcol); loopcounter++; } tbl.appendChild(newrow); __uid1++; h=parseInt (doc.newtable.hmr.value); //alert(h); hmrc++; while (hmrc<=h){ loopcounter=0; newrow = doc.createElement("TR"); newcol = doc.createElement("TD"); newcol.width = 200; newinput = doc.createElement("input"); newinput.name = "head"+hmrc; newinput.value= "test"+hmrc; newcol.appendChild(newinput); newrow.appendChild(newcol); while ( loopcounter<x ){ newcol = doc.createElement("TD"); newcol.width = 200; newinput = doc.createElement("input"); newinput.name = "env"+loopcounter; newinput.size = 20; newinput.value = ""; newcol.appendChild(newinput); newrow.appendChild(newcol); loopcounter++; } tbl.appendChild(newrow); hmrc++; } } </script> <form > <body> <tbody ID="testbody"> </tbody> </body> <input type=button onclick = function ()) </form>
i have just given some sample here !...this is not exact code where im working now.....it works in Firefox that means nothing wrong with the code right !. my question is why it doesn't work in IE ! it says unknown run time error.thx everybody .Comment
-
one thing i have to say that this onclick button creates rows right. thing is i have a refresh button so it clears the rows and reform the table with the new input. so what im trying to do here is first im making previous tables data null and replacing with new values.Comment
-
First of all, you will find this link useful for making sure your pages work correctly in IE.
If you are trying to empty a table, the best option would be to run a dom function that removes all the child nodes.Comment
-
In your onclick you are calling function you should call the name of the function here. Also, you have some spacing issues and you should use quotes around the element attributes. Ex.Originally posted by junal
In addition you need to close every tag you open ie. <tag>Stuff</tag> or use the method in my example above for your input tag.Code:<input type="button" onclick="YourJavascriptFunction()" />
Comment
Comment