文本区域内的文本对齐 IE9

Posted 2023-05-07

【中文标题】文本区域内的文本对齐 IE9

【英文标题】：Text-Align within a Text Area 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 中不起作用。起初它看起来只是没有对齐它，但是当我再输入一些文本时，它会正确对齐所有内容。

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

非常感谢！

【参考方案1】：

哈克但有效：

function align(alignment)

    ta = document.getElementById("textArea");
    ta.style.textAlign = alignment;
    ta.value= ta.value;

【讨论】：

没问题 - 我真的很想知道为什么会这样，但我想这可能是因为 IE9 太棒了 =P

如果其他人有这个问题......我在添加 ta.innerhtml = ta.innerHTML; 时丢失了我的文本区域中的换行符；这个问题是我的解决方法 - ***.com/questions/5583040/… - 使用 value 而不是 innerHTML