Javascript ajax调用后div中显示的Foucs on success消息 jsp中的Div标记： ajax调用中的代码： 如果（“成功”==结果）{ document.getElementById（“message”）.innerHTML=“数据已成功保存”； }

我正在页面顶部显示此消息，我希望在显示此消息时将焦点放在该消息上。

在

div上应用
focus（）
没有任何意义。像
input
这样的元素可以通过简单的操作使其成为
focus

    Div tag in jsp : <div class="okStatusText" id="message"></div>

    code in ajax call:
           if ("SUCCESS" ==result) {
    document.getElementById("message").innerHTML = "Data saved successfully";
     }

这只是一个例子。在您的情况下，如果您想聚焦或实际上想突出显示消息，只需更改
背景色
或
颜色

$('input').focus(); 

或

如果希望用户不向上滚动而直接查看消息，请尝试以下操作

 $("#message").html("Data saved successfully").css('color','blue');

值50可以根据您想要滚动的高度而变化。您可以将此值更改为任何值，并检查适合您的条件的值。完成此操作后，您可以将css应用于消息，使其看起来更为明显

希望这次我能帮上忙

谢谢
 您可以尝试以下操作…将以下语句添加到ajax调用中…document.getElementById（“message”）.focus（）；谢谢你的回复。我正在应用css。消息显示在页面顶部，用户必须滚动到顶部才能看到发生了什么，因为保存按钮位于页面底部。如何将控制/焦点转移到消息而不是手动向上滚动。我已经编辑了我的代码。请看@bharghaviajralai没有正确编辑我的代码。我还没有设置滚动计时器。现在看@bharghavajralathanks，将实施并让您知道。
 $("#message").html("Data saved successfully").css('color','blue');

   $('html,body').animate({
        scrollTop: $(this).offset().top - 50
   },1000);