2017-03-27 5 views
1

私は`読み取り専用に割り当てプロパティは私のコードのこの行に厳格モード」で許可されていないエラーが表示されます。厳密なモードエラーはIE11でのみ発生します。このブラウザだけで厳格なモードを解除することはできますか?

wrapper.style = 'transition: transform 3s;'; 

これは、それが中だ機能の塊です:

'use strict'; 
function work() { 
    var wrapper = document.getElementById('wrp'), 
    infoPage = document.getElementById('i-pg'), 
    body = document.getElementById('body'), 

    carA = document.getElementById('car-a'), 
    keyA = document.getElementById('key-a'), 
    manualA = document.getElementById('manual-a'), 
    wheelA = document.getElementById('wheel-a'); 

    if(this.id === 'info') { 
    wrapper.style = 'transition: transform 3s;'; //PROBLEM LINE 
    wrapper.classList.add('up'); 
    body.classList.add('dark'); 
    infoPage.classList.remove('down'); 
    } 
} 

このコードは、テストしたすべての最新のブラウザで完全に動作します。 IE11でのみこれがサイト全体を壊し、後続のすべての行を停止させます。

最初の行を取り除くと:'use strict';すべて正常です。 厳密なモードをオンにしている間に簡単な修正がありますか?またはIE11をターゲットにして、何とかそのブラウザの厳密なモードを削除しますか?

もっと良いアプローチがあります。

+0

あなたはこのラッパーを試すことができます['style'] = 'transition:transform 3s;'; – CognitiveDesire

答えて

2

エラーを無視するのではなく、修正してみませんか?

wrapper.style.transition = 'transform 3s;'; 
+0

私の元のコードのやり方は、現代のすべてのブラウザで動作します。しかし、私のコードはここやIE11の欠陥ですか? –

+1

これは、ほとんどの最新のブラウザ(回避策が組み込まれているため)(https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style#Setting_style)です。技術的には、 'style'プロパティは[CSSStyleDeclaration'](https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleDeclaration)を返し、読み取り専用です。 – Timo

1

私はあなたが実際にあなたがトランジションプロパティに割り当てる必要がありながら、スタイルプロパティにtransform 3sを割り当てるしようとしている原因あなたはerrrorを得るかもしれないと思います。 このようにします:wrapper.style.transition = 'transform 3s';

0

チェックアウト:

https://devtidbits.com/2016/06/12/assignment-to-read-only-properties-is-not-allowed-in-strict-mode/#comment-1611

どうやらあなたは...しかし、私はまだそれさえも修正を適用した後、同じエラーを取得し

myEle.style.cssText = "color: red;" // or 
myEle.setAttribute("class", "myClass"); // Multiple style properties 
//For newly created style sheet objects, you must first append the element to the document before you can set cssText. 

のように、このものを使うことになっている

関連する問題