みかづきブログ・カスタム読者になるみかづきブログ・カスタム基本的にはちょちょいのほいです。属性セレクタをつかってスタイルを指定datasetをつかってdata属性を更新を組み合わせて使うと、スタイルが更新されません。下記のようなケースです。1000);上記コードは分かりやすさ重視で、必要な箇所のみ記載していますが、実際に試すときはdivに大きさを指定したり、IE11で動くようにアローファンクションをやめたりする必要があります。それらを施したデモがこちらです。DEMOdevelop.kimizuka.org1秒ごとに背景色が変更されることを期待していますが、IE11で試すと、datasetを更新しているdiv(左端)は初期値から変更されません。Chromeでは意図通りの挙動になります。ディベロッパーツールで確認すると、データ属性は更新されているので、再描画が発生していないことが原因かと思われます。これまでは、クラス属性を振ったり、意味なしのz-indexを更新したりして強制的に再描画を発生させることで解決を図ってました。ReactやVueではこの現象が発生しません。動的にdata属性を更新してもしっかり再描画されていることがずーっと疑問で、本日思い切ってVueのソースコードを読んでみることにしました。あれ、普通にsetAttributeでセットしているだけだ。なんで再描画がされるんだろう。