Javascript 当消息在Firefox中运行时,它不会在Chrome和IE中显示

Javascript 当消息在Firefox中运行时,它不会在Chrome和IE中显示,javascript,jquery,asp.net-mvc,google-chrome,firefox,Javascript,Jquery,Asp.net Mvc,Google Chrome,Firefox,这条Div消息正在被更改并显示在Firefox中,但它没有显示在chrome中 这是HTML: <div style="position: relative; color: Green" id="divMessage"> <input type="button" value="value" class="abc" id="btnClick" name="Submit" /> 我相信$(“#divMessage”).val(strMessageEmpty);应该放在$.a

这条Div消息正在被更改并显示在Firefox中,但它没有显示在chrome中

这是HTML:

<div style="position: relative; color: Green" id="divMessage">
<input type="button" value="value" class="abc" id="btnClick" name="Submit" />
我相信$(“#divMessage”).val(strMessageEmpty);应该放在$.ajax调用之外(或者您可能想把它放在其他地方,但它的当前位置不正确):

更新:正如其他人指出的,您需要正确关闭div标记,如下所示:

<div style="position: relative; color: Green" id="divMessage"></div>


您包含的标记缺少div的结束标记;这是故意的,还是只是打字错误?如果您使用的是HTML5 doctype,从技术上讲这是必需的:使用inspect检查是否所有div都正确呈现element@Pradeep,更改$(“#divMessage”).val(strMessageEmpty);到$(“#divMessage”).html(strMessageEmpty);实际上,它在Firefox中运行得非常好,但在Chrome中却没有显示出来(因为它能够快速获取数据)。有没有办法在Chrome上显示它。好的,但是我上面指出的问题仍然是你的代码的问题。它不是有效的Javascript。最新答案
$.ajax({
    type: 'post',
    //  contentType: 'application/json',
    async: false,
    cache: false,
    url: '/Controller/Action',
    //  dataType: 'json',
    data: {
        Period: $('#ddlPeriod').val()                     

    },

    success: function (data) {     
             $("#divMessage").html(strMessageSavingInProgress);                 
                 key = data;
    }, error: function (err) {

    }
});
$("#divMessage").val(strMessageEmpty);
<div style="position: relative; color: Green" id="divMessage"></div>