Code not running in IE 11 works fine in Chrome

Question

The following code can be run without a problem in Chrome  but throws the following error in Internet Explorer 11      Object doesn t support property or method  startsWith    I am storing the element s ID in a variable  What is the issue    x000D   x000D  function changeClass elId    x000D    var array   document getElementsByTagName  td    x000D     x000D    for  var a   0  a  lt  array length  a      x000D      var str   array a  id  x000D       x000D      if  str startsWith  REP      x000D        if  str    elId    x000D          array a  style backgroundColor    Blue   x000D          array a  style color    white   x000D          else   x000D          array a  style backgroundColor       x000D          array a  style color       x000D          x000D        else if  str startsWith  D      x000D        if  str    elId    x000D          array a  style backgroundColor    Blue   x000D          array a  style color    white   x000D          else   x000D          array a  style backgroundColor       x000D          array a  style color       x000D          x000D        x000D      x000D    x000D   lt table gt  x000D     lt tr gt  x000D       lt td id  REP1  onclick  changeClass  REP1     gt REPS lt  td gt  x000D       lt td id  td1  gt  amp nbsp  lt  td gt  x000D     lt  tr gt  x000D     lt tr gt  x000D       lt td id  td1  gt  amp nbsp  lt  td gt  x000D       lt td id  D1  onclick  changeClass  D1     gt Doors lt  td gt  x000D     lt  tr gt  x000D     lt tr gt  x000D       lt td id  td1  gt  amp nbsp  lt  td gt  x000D       lt td id  D12  onclick  changeClass  D12     gt Doors lt  td gt  x000D     lt  tr gt  x000D   lt  table gt  x000D   x000D   x000D

User · Answer

Replace the startsWith function with   yourString indexOf searchString  position     where position can be set to 0   This will support all browsers including IE  Position can be set to 0 for string matching from the start meaning 0th position

User · Answer

As others have said startsWith and endsWith are part of ES6 and not available in IE11  Our company always uses lodash library as a polyfill solution for IE11  https   lodash com docs 4 17 4    startsWith  string       target    position 0

User · Answer

While the post of Oka is working great  it might be a bit outdated  I figured out that lodash can tackle it with one single function  If you have lodash installed  it might save you a few lines    Just try   import   startsWith   from lodash               if  startsWith yourVariable   REP               return yourVariable              return yourVariable

User · Answer

text indexOf  newString   is the best method instead of startsWith   Example   var text    Format   if text indexOf  Format      0        alert text       Format      else       alert text        Format

User · Answer

If this is happening in Angular 2  application  you can just uncomment string polyfills in polyfills ts   import  core-js es6 string

User · Answer

String prototype startsWith is a standard method in the most recent version of JavaScript  ES6   Looking at the compatibility table below  we can see that it is supported on all current major platforms  except versions of Internet Explorer    -------------------------------------------------------------------------------        Feature       Chrome    Firefox    Edge     Internet Explorer    Opera    Safari      --------------- -------- --------- ------- ------------------- ------- --------      Basic Support       41         17      Yes     No Support              28         9     -------------------------------------------------------------------------------    You ll need to implement  startsWith yourself  Here is the polyfill   if   String prototype startsWith      String prototype startsWith   function searchString  position        position   position    0      return this indexOf searchString  position      position

User · Answer

I also recently faced the prob  I solved using   which is similar to startwith in  jquery  Say   var str   array a  id  if  str startsWith  REP                   we can use  if     id  str    length                Here  str is id of element

User · Answer

Follow this method if problem comes when working with angular2  projects  I was looking for a solution when i got this error  and it got me here  But this question seems to be specific but the error is not  its a generic error  This is a common error for angular developers dealing with Internet Explorer      I had the same issue while working with angular 2   and it got resolved just by few simple steps     In Angular latest versions  there are come commented codes in the polyfills ts  shows all the polyfills required  for the smooth running in Internet Explorer versions IE09 IE10 and IE11      IE9  IE10 and IE11 requires all of the following polyfills        import  core-js es6 symbol     import  core-js es6 object     import  core-js es6 function     import  core-js es6 parse-int     import  core-js es6 parse-float     import  core-js es6 number     import  core-js es6 math     import  core-js es6 string     import  core-js es6 date     import  core-js es6 array     import  core-js es6 regexp     import  core-js es6 map     import  core-js es6 weak-map     import  core-js es6 set     Uncomment the codes and it would work perfectly in IE browsers      IE9  IE10 and IE11 requires all of the following polyfills      import  core-js es6 symbol   import  core-js es6 object   import  core-js es6 function   import  core-js es6 parse-int   import  core-js es6 parse-float   import  core-js es6 number   import  core-js es6 math   import  core-js es6 string   import  core-js es6 date   import  core-js es6 array   import  core-js es6 regexp   import  core-js es6 map   import  core-js es6 weak-map   import  core-js es6 set     But you might see a performance drop in IE browsers compared to others

[javascript] Code not running in IE 11, works fine in Chrome

Examples related to javascript

Examples related to html

Examples related to startswith