【WitchHat.cn心得】更新頁面的莫名問題

Default.aspx頁面中，準備更新的部分：

<div id="divExtraInfo" style="width:240px; height:auto; position:absolute; left:310px; top:80px; right: 5px; bottom: 10px; border: thin solid #C0C0C0; overflow: scroll;"></div>

 

今天之前，都是直接從Silverlight的cs代碼中更新Default.aspx頁面的：

void extraInfoToHTML( string extraInfo ) { HtmlElement he = HtmlPage.Document.GetElementById( "divExtraInfo" ); he.SetAttribute( "innerHTML", extraInfo ); }

但是一直有個莫名的問題：通過此方法更新頁面，IE正常，但Firefox、Chrome和Safari不顯示更新的內容--那個Div區域一直是空白的。

 

今天，想到一個曲線方法，cs代碼中調用JavaScript，在JavaScript中進行更新：

void extraInfoToHTML( string extraInfo ) { // 直接更新Html：IE正常，Opera、Firefox、Chrome和Safari不顯示更新的Html內容 //HtmlElement he = HtmlPage.Document.GetElementById( "divExtraInfo" ); //he.SetAttribute( "innerHTML", extraInfo ); // 調用JavaScript更新Html-Jerin.2009.7.10--Okay HtmlPage.Window.Invoke( "updatePage", "divExtraInfo", extraInfo ); }

對應的JavaScript很簡單：

function updatePage(elementId, htmlContent) {
    var e = document.getElementById(elementId);
    e.innerHTML = htmlContent;
}

 

曲線救國成功，囧

但是，具體的原因一直搞不明白   ╮(╯_╰)╭