h5动态控制redDot显示

在H5中，您可以使用DOM API来动态控制redDot的显示。具体来说，您可以通过以下步骤来实现：

1. 在需要显示redDot的元素上添加一个新的元素，用于显示红点。例如，您可以添加一个`<span>`元素：

<div class="container">
  <span class="red-dot"></span>
  <a href="#">Link</a>
</div>

2. 使用CSS样式来定义redDot的样式。例如，您可以使用以下样式：

.red-dot {
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: red;
  display: none;
}

这将使redDot在元素的右上角显示，初始状态下不可见。

3. 使用JavaScript代码来控制redDot的显示。例如，您可以添加以下代码：

const container = document.querySelector('.container');
const redDot = container.querySelector('.red-dot');

// 显示redDot
redDot.style.display = 'block';

// 隐藏redDot
redDot.style.display = 'none';

在这个例子中，我们首先获取了包含redDot的元素的引用，然后找到了redDot的引用。要显示redDot，我们设置其`display`属性为`'block'`。要隐藏redDot，我们设置其`display`属性为`'none'`。

最后，请注意，您需要根据您的具体需求将代码集成到您的应用程序中。例如，在哪个事件触发redDot的显示或隐藏，以及如何获取包含redDot的元素的引用等等。