javascript - 在 html标记中附加文本。Javascript 问题

Question

我想通过在 HTML 节点中调用 javascript 函数来在运行时将文本添加到跨度容器，如下所示：

<span class="muted">
   <script>
       //Here I want to add the string returned to outer span. (I also use jinja tags) 
       getGenericObjName("{{n.news_type}}",{{n.news.object_id}});
   </script>
</span>

我这样做的原因是因为我遍历了新闻提要。而且我知道该函数返回正确的值。

我也尝试使用 document.write(...) 但它似乎覆盖了整个页面。

谢谢！

Answer 1

<span class="muted">
   <script>
       //Here I want to add the string returned to outer span. (I also use jinja tags) 
       document.write(getGenericObjName("{{n.news_type}}",{{n.news.object_id}}));
   </script>
</span>

如果您已经在使用 jQuery，则更好的解决方案可能是：

<span class="muted"></span>

<script>
 //Here I want to add the string returned to outer span. (I also use jinja tags) 
$('.muted').html(getGenericObjName("{{n.news_type}}",{{n.news.object_id}}));
</script>

在这种情况下，不要将 javascript 放在 span 内部/之前，因为它会在 span 位于 DOM 之前被调用。

Answer 2

反过来，通过 JS（使用 jQuery）：

<script type="text/javascript">
    $(".muted").html(getGenericObjName("{{n.news_type}}",{{n.news.object_id}}));
</script>

HTML：

<span class="muted"></span>