javascript - 文本区域内的文本对齐 IE9

Question

我有一个文本区域和三个按钮，用于将文本的文本对齐方式更改为左对齐、居中对齐和右对齐:

<button onClick="align('left')">Left</button>
<button onClick="align('center')">Center</button>
<button onClick="align('right')">Right</button>

function align(alignment)
{
    document.getElementById("textArea").style.textAlign = alignment;
}

这在 Firefox 和 Chrome 中完美运行，但在 IE9 中不起作用。起初看起来它只是没有对齐，但是当我输入更多文本时，它会正确对齐所有内容。

有没有办法在你按下按钮时让它对齐？

非常感谢!

Answer 1

Hacky 但有效:

function align(alignment)
{
    ta = document.getElementById("textArea");
    ta.style.textAlign = alignment;
    ta.value= ta.value;
}