时间戳

首页 > 解决方案 > 根据元素类跳转到页面上的特定位置

javascript - 根据元素类跳转到页面上的特定位置

问题描述

我有两个 HTML 元素，它们都在开始时被隐藏：

    <div class="alert alert-danger divMessage" id="lblErrorMobile" style="display:none;"></div>
    <div class="alert alert-success divMessage" id="lblSuccessMobile" style="display:none;"></div>

我知道我可以像这样导航到一个或另一个：

window.location.href = '#lblErrorMobile';
window.location.href = '#lblSuccessMobile';

是否可以按班级导航其中的每一个 - 比如说，一个班级divMessage？

我的问题是默认情况下不显示这些标签。如果有错误或成功，它们将单独显示。如果我尝试在隐藏的标签上导航，则不会发生导航。这就是为什么按类导航会如此方便 - 一个或另一个总是可见的。

标签： javascripthtml

解决方案

看起来你应该为div你将跳转到的两个容器使用一个容器，而不必知道div你应该跳转到哪个。例如 ：

<div id="messages">
    <div class="alert alert-danger divMessage" id="lblErrorMobile" style="display:none;"></div>
    <div class="alert alert-success divMessage" id="lblSuccessMobile" style="display:none;"></div>
</div>

然后跳转到#messages。

推荐阅读