Код не работает в IE 11, отлично работает в Chrome

Question

Код не работает в IE 11, отлично работает в Chrome

следующий код может быть запущен без проблем в Chrome, но выдает следующую ошибку в Internet Explorer 11.

объект не поддерживает свойство или метод 'startsWith'

Я храню идентификатор элемента в переменной. В чем проблема?

function changeClass(elId) {

  var array = document.getElementsByTagName('td');

  

  for (var a = 0; a < array.length; a++) {

    var str = array[a].id;

    

    if (str.startsWith('REP')) {

      if (str == elId) {

        array[a].style.backgroundColor = "Blue";

        array[a].style.color = "white";

      } else {

        array[a].style.backgroundColor = "";

        array[a].style.color = "";

      }

    } else if (str.startsWith('D')) {

      if (str == elId) {

        array[a].style.backgroundColor = "Blue";

        array[a].style.color = "white";

      } else {

        array[a].style.backgroundColor = "";

        array[a].style.color = "";

      }

    }

  }

}

<table>

  <tr>

    <td id="REP1" onclick="changeClass('REP1');">REPS</td>

    <td id="td1">&nbsp;</td>

  </tr>

  <tr>

    <td id="td1">&nbsp;</td>

    <td id="D1" onclick="changeClass('D1');">Doors</td>

  </tr>

  <tr>

    <td id="td1">&nbsp;</td>

    <td id="D12" onclick="changeClass('D12');">Doors</td>

  </tr>

</table>

621 7

javascript html

7 ответов:

Comments

Ничего не найдено.

Oka · Accepted Answer · 2016-02-23 14:21:21

String.prototype.startsWith это стандартный метод в самой последней версии JavaScript, ES6.

глядя на таблицу совместимости ниже, мы видим, что она поддерживается на всех текущих основных платформах,за исключением версии Internet Explorer.

╔═══════════════╦════════╦═════════╦═══════╦═══════════════════╦═══════╦════════╗
║    Feature    ║ Chrome ║ Firefox ║ Edge  ║ Internet Explorer ║ Opera ║ Safari ║
╠═══════════════╬════════╬═════════╬═══════╬═══════════════════╬═══════╬════════╣
║ Basic Support ║    41+ ║     17+ ║ (Yes) ║ No Support        ║    28 ║      9 ║
╚═══════════════╩════════╩═════════╩═══════╩═══════════════════╩═══════╩════════╝

вам нужно будет реализовать .startsWith себя. Вот это полифилл:

if (!String.prototype.startsWith) {
  String.prototype.startsWith = function(searchString, position) {
    position = position || 0;
    return this.indexOf(searchString, position) === position;
  };
}

Jona · Accepted Answer · 2017-05-12 16:14:21

text.indexOf("newString") Это лучший метод вместо startsWith.

пример:
var text = "Format";
if(text.indexOf("Format") == 0) {
    alert(text + " = Format");
} else {
    alert(text + " != Format");
}

Vitaliy Ulantikov · Accepted Answer · 2017-05-16 09:11:37

Если это происходит в приложении Angular 2+, Вы можете просто раскомментировать строка polyfills in полифиллы.ТС:
import 'core-js/es6/string';

Misha Jain · Accepted Answer · 2017-11-29 14:17:47

добавление кода ниже в файл JS работало для меня:

if (!String.prototype.startsWith) {
  String.prototype.startsWith = function(searchString, position) {
     position = position || 0;
    return this.indexOf(searchString, position) === position;
  };
}

mbokil · Accepted Answer · 2017-11-14 17:37:39

как говорили другие startsWith и endsWith являются частью ES6 и недоступны в IE11. Наша компания всегда использует библиотеку лодашь как решение полифилл для IE11. https://lodash.com/docs/4.17.4
_.startsWith([string=''], [target], [position=0])

Wunderwaffel · Accepted Answer · 2018-03-08 09:32:29

в то время как пост Оки работает отлично, он может быть немного устаревшим. Я понял, что лодашь справиться с одной единственной функцией. Если у вас установлен lodash, это может сэкономить вам несколько строк.

попробуй:
import { startsWith } from lodash;
. . .
    if (startsWith(yourVariable, 'REP')) {
         return yourVariable;        
    return yourVariable;
       }      
     }

Saurabh Joshi · Accepted Answer · 2018-03-20 18:30:27

import 'core-js/es6/';

import React from 'react';
import ReactDOM from 'react-dom';
import App from './app';

ReactDOM.render(<App />, document.getElementById('root'));