javascript - Javascript & DOM (Pannellum 自定义热点)

Question

我正在使用 Pannellum.js 在浏览器上将 360 度图像详细说明为 equirectangular 图像。当我尝试显示/隐藏我动态生成的一些元素时，我的主要问题是在 DOM 上。我正在尝试使用 javascript 调用 document.getElementById(elemId).style.visibility = visible/hidden 来实现这一目标。

特别是我想要实现的是在感叹号上显示跨度，即对于css默认值，隐藏。（见小提琴）。

在控制台中，我可以看到内联样式已被修改，但屏幕上的元素仍处于隐藏状态。

这是我用来隐藏/显示 DOM 元素的功能

function updateHTML(elmId, value) {
  var elem = document.getElementById(elmId);
  if (typeof elem !== 'undefined' && elem !== null) {
    document.getElementById(elmId).style.visibility = value;
    console.log(elem);
  }
}

这是我的示例的链接

小提琴演示

我也有类似的例子，它按预期工作，但在这种情况下，我没有生成动态内容。

小提琴演示按预期工作