innerHTML doesn't work in IE11 and IE8

Question

I use these codes for refreshing a part of my page :

var container = document.getElementById("mainForm:table_1");
var content = container.innerHTML;
container.innerHTML= content;

container.innerHTML worked well in firefox and chrome but it doesn't work in IE8 and IE11

I've read these links : .InnerHTML Not working properly in Internet Explorer and document.getElementById().innerHTML fails with 'Unknown Error' in IE

but my problem is that I can't change the other part of my code easily due to of dynamically generation.

1) Is there any way that I can do just with these part of my code to solve IE problem ?

2) and also i need an alternative for :

window.history.pushState()

which doesn't work in IE8 and IE9

Going to guess that mainForm:table_1 is a <table> element? If so, try selecting a parent element of the table and replace the entire table. — Niet the Dark Absol
– Niet the Dark Absol, Commented Sep 22, 2014 at 8:15
yes you are right , it is a table . I try to do that and how about second part of my question ? how can I add a string to url with something like pushstate that work with ie8 and ie9 too ? thanks for your answer — OmiD
– OmiD, Commented Sep 22, 2014 at 8:43

user4057860 · Accepted Answer · 2014-09-22 08:44:07Z

6

IE9 and below doesn't support pushState. For unsupported browsers use history API. and also find some more list of polyfills here.

answered Sep 22, 2014 at 8:44

user4057860

Sign up to request clarification or add additional context in comments.

2 Comments

OmiD Over a year ago

yes you are right it doesn't work, but isn't any way to do so with native javascript or jquery ? with out using history API

Niet the Dark Absol Over a year ago

@OmiD You could just stop supporting outdated/obsolete browsers. It's time we stopped pandering to people who refuse to update - especially since doing so pretty much requires manually and deliberately (and therefore, maliciously to us) disabling Windows Update.

omid haghighatgoo · Accepted Answer · 2014-09-23 06:55:10Z

2

for first part of your question do this :

  var container = document.getElementById("mainForm:table_1").parentNode;
  var content = container.innerHTML
  container.innerHTML= content;

and for second part of your question as @JITHIN PV said you must use history.js

you can easily use it like this :

var History = window.History;
History.enabled ;
History.pushState("object or string", "object or string", "object or string");

answered Sep 23, 2014 at 6:55

omid haghighatgoo

3321 gold badge3 silver badges17 bronze badges

Collectives™ on Stack Overflow

innerHTML doesn't work in IE11 and IE8

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related