将动态javascript变量附加到HTML标记。 InnerHTML＆amp; insertAdjacentHTML都不正确

Question

我有几个javascript变量在动画播放时正在更新。

我想要做的是将它们附加到HTML元素，但我遇到了一些问题。我可以通过在HTML中引入span标记并将其作为目标来实现它，但我想知道如何在没有它的情况下实现它。

目前有效的代码：

  <p id="infoCurrentDepth">Current Depth:<span id="bla"></span></p>

  var bla = $('bla');

  function updateInfoPanel(){

    bla.innerHTML = scaleControl.value;
}

我删除了不需要的代码。

我想做的只是将变量附加到p标签。当我尝试这个时，重复该值几次而不是替换它。

感谢您的帮助

Answer 1

由于您使用的是jQuery，因此无需覆盖$来创建元素选择器。使用jQuery id选择器以及.html（）/。append（）之类的操作方法，如

请在删除var $ = function(){...}

后尝试以下操作

$('#infoCurrentScale').append('sdfsdf');