expressionでtextareaの折り返しを切り替える

CSS JS

チェックボックスをチェックすると折り返し
チェックを外すと折り返さない、というのをexpressionでやってみた。


javascriptで普通に書くよりも手軽で便利だと思ったけど
検索で調べてみると、expressionはパフォーマンス的に問題ありだと。
確かにコードがエラーだと、マウスを移動させる度に
ステータスバーに警告が表示されるので余り使わない方が賢明か？
IEだけだし。

<style type="text/css">
textarea {
    overflow : auto;
    word-wrap: expression(wp.checked ? "break-word" : "normal");
}
#wp {
    background: expression(this.checked ? "#ff0" : "#0f0");
}
</style>

<body>
    <textarea></textarea>
    <input type="checkbox" id="wp"><label for="wp">Wrap</label>
</body>

だけどHTAなどで簡単なことをする時には使えるんじゃないかな。