IE 11 AngularJS error - Object doesn't support property or method 'from'

Question

In my JavaScript I have a function detectEnvironmentAndGetLEAndDepot() which is called onload via HTML. I'm working with wicket, and need to take values held in the back-end, so I fire them to the screen, hide them, and search the <span> values from my JS for the name value, for example if(v.getAttribute('name') === 'LE'){do stuff} or if(v.getAttribute('name') === 'depot'){do stuff} (I'm sure not the most elegant solution, but I needed a quick one!). Then within the function detectEnvironmentAndGetLEAndDepot() I do a bit of formatting etc so the data is usable.

detectEnvironmentAndGetLEAndDepot() function (quite long, only relevant part) -

detectEnvironmentAndGetLEAndDepot = function() {

    Array.from(document.getElementsByTagName('span')).forEach(function(v) {

//Search name tag for particular names, then do formatting
}

When I open this in IE11 I get the error in a popup SCRIPT438: Object doesn't support property or method 'from' which is related to the first line of the method above - the Array class. Help much appreciated.

Stanislav Kvitash · Accepted Answer · 2016-02-23 12:12:47Z

8

As Array.from method is not supported by IE, you can try to use:

[].slice.call(document.getElementsByTagName('span')).forEach(function(v) {});

This doesn't require usage of any 3rd party libraries.

answered Feb 23, 2016 at 12:12

Stanislav Kvitash

4,63221 silver badges29 bronze badges

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

2 Comments

notAChance Over a year ago

This seems to be working. However I changed my code back to Array.from - and it worked also. My app seems incredibly temperamental (in IE), sometimes it works sometimes it doesn't. On top of this, as soon as I open Developer Tools, everything breaks... I don't even have a starting position. I HATE IE.

ron_g Over a year ago

@notAChance I've never used Angular, but I came across this when looking for help on the same issue (also using Array.from()). It sounds like your code's temperament could be related to the same issue; being loaded at the wrong time/before the document is loaded.

Tamas Hegedus · Accepted Answer · 2016-02-23 12:13:44Z

2

You could use an ES2015 polyfill, like es6-shim, Array.from or Babel polyfill

answered Feb 23, 2016 at 12:13

Tamas Hegedus

30.1k12 gold badges67 silver badges102 bronze badges

Comments

Erazihel · Accepted Answer · 2016-02-23 12:04:48Z

1

As explained by Mozilla here, the Array.from function is not yet supported by IE

answered Feb 23, 2016 at 12:04

Erazihel

7,6456 gold badges34 silver badges56 bronze badges

Comments

innovarerz · Accepted Answer · 2016-02-23 12:08:51Z

1

you can use instead _underscore.js with function _.toArray(document.getElementsByTagName('span'))...

FYI:

'Array.from' not supported in the following document modes: Quirks, Internet Explorer 6 standards, Internet Explorer 7 standards, Internet Explorer 8 standards, Internet Explorer 9 standards, Internet Explorer 10 standards, Internet Explorer 11 standards. Not supported in Windows 8.1.

source

answered Feb 23, 2016 at 12:08

innovarerz

1464 bronze badges

Collectives™ on Stack Overflow

IE 11 AngularJS error - Object doesn't support property or method 'from'

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related