【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;
}

 

曲线救国成功，囧

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