RemoveAttribute à un groupe d'input IE11

**enterprise** · 01/08/2018, 15h22

Bonjour,

Je dispose d'un code avec des Inputs en readonly, et je voudrais leur retirer en cliquant sur un bouton.
j'ai trouvé un code sur JSFiddle https://jsfiddle.net/ecjxs0nt/6/, qui fonctionne parfaitement sur tout les navigateurs.... mais pas internet explorer.
Comment pourrais-je arrangé ça?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<html>
  <head>
 
  </head>
  <body>
 
    <style type="text/css">
      input[readonly="true"] {
  color: gray;
  background-color: rgb(200, 200, 200);
}
    </style>
 
    <script type="text/javascript">allowRead = function() {
  let inputsToUnlock = document.querySelectorAll(".tomodify");
  
  for(let inputElement of inputsToUnlock) {
    inputElement.removeAttribute("readonly");
  }
}</script>
 
    <form>
      <input readonly="true" class="tomodify" value="1">
      <input readonly="true" class="tomodify" value="2">
      <input readonly="true" class="tomodify" value="3">
      <input value="4">
    </form>
 
    <button onclick="allowRead()">Cliquer pour déverrouiller les champs</button>
  </body>
</html>

**danielhagnoul** · 01/08/2018, 18h27

ES2015 est inconnu d'un navigateur aussi obsolète que IE11, vous devez utiliser une boucle for classique au lieu d'un "for of" : for(let inputElement of inputsToUnlock).

Idem avec "let" à remplacer par "var".