文本区域内的文本对齐 IE9答案

【问题标题】：Text-Align within a Text Area IE9文本区域内的文本对齐 IE9
【发布时间】：2013-02-03 04:01:45
【问题描述】：

我有一个文本区域和三个按钮，可以将文本的文本对齐方式更改为左、中和右：

<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 中不起作用。起初它看起来只是没有对齐它，但是当我再输入一些文本时，它会正确对齐所有内容。

按下按钮时有没有让它对齐？

非常感谢！

【问题讨论】：

标签： javascript internet-explorer textarea alignment

【解决方案1】：

哈克但有效：

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

【讨论】：

没问题 - 我真的很想知道为什么会这样，但我想这可能是因为 IE9 太棒了 =P
如果其他人有这个问题......我在添加 ta.innerHTML = ta.innerHTML; 时丢失了我的文本区域中的换行符；这个问题是我的解决方法 - stackoverflow.com/questions/5583040/… - 使用 value 而不是 innerHTML