Javascript＆amp; 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);
  }
}

这是我的示例链接

Fiddle Demo

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

Fiddle Demo Working as intended