2013-02-18 127 views
2

我有一個文本區域,以及改變文本的文本左對齊,中間三個按鈕,右中:文本對齊文本區域IE9

<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中不起作用。起初它看起來好像沒有對齊它,但是當我然後輸入更多文本時,它會正確對齊所有內容。

無論如何,當你按下按鈕時,它是否對齊?

非常感謝!

回答

3

哈克,但工程:

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

哈克是這個不夠好!非常感謝Raad! – DJDMorrison 2013-02-18 18:14:40

+0

沒問題 - 我真的很想明白爲什麼會發生這種情況,但我想這可能是因爲IE9很精彩= P – Raad 2013-02-20 08:55:52

+1

如果有其他人有這個問題......當我添加ta時,我在textarea中失去了我的linebreaks。 innerHTML = ta.innerHTML;這個問題是我的修復 - http://stackoverflow.com/questions/5583040/show-newlines-in-html-textarea/5583094#5583094 - 使用價值而不是innerHTML – jessieloo 2013-09-10 19:57:09