朋友問了我一個問題,就下列的寫法,在Firefox可以正確的執行換行

但是在IE卻不能執行,多少有點相容性的問題,就還是記錄一下

<html>

<script language="JavaScript" type="text/JavaScript">
<!--function init(){
var response = "Xbrd\r\nsfsdf\r\nsdfsdfs \r\n"
document.getElementById("sys_syslog_show").innerHTML = response;
}

//-->
</script>
<body onload="init();">
<span id='clock'></span>

<textarea id="sys_syslog_show" name="sys_syslog_show" rows="20" cols="60" readonly="readonly" style=" width:450px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;"></textarea>
</body>
</html>

由於,印象中,在放textarea中間的值的時候,都是直接塞到它的value屬性,所以就改了一下

function init(){
var response = "Xbrd\r\nsfsdf\r\nsdfsdfs \r\n"
sys_syslog_show.value = response;
// document.getElementById("sys_syslog_show").innerHTML = response;
}

如此,就不管在IE 或 Firefox都可正確執行囉!

後來想想,比較正規的寫法,應該還是用value的方式把值塞給他

總覺得innerhtml是用在像是把值塞在html中間,像是<table></table>, <tr></tr>, <td></td>, <span></span>, <div></div>, <a></a>...等等

這種要塞值進去,就只能透過innerhtml,或javascript的document.write,跟去改textarea中間的值的感覺不太一樣

可能不夠專業,需要再爬一些資料,就暫時不在這上面花時間囉!

arrow
arrow
    文章標籤
    innerHTML textarea value
    全站熱搜

    Yisin 發表在 痞客邦 留言(0) 人氣()