我希望通过在HTML节点中调用javascript函数将文本添加到运行时的span容器中,如下所示:
<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>
我这样做的原因是因为我迭代了新闻Feed。我知道该函数返回正确的值。
我也试过使用document.write(...)但它似乎覆盖了整个页面。
谢谢!
答案 0 :(得分:3)
<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中调用。
答案 1 :(得分:2)
反过来说,通过JS(使用jQuery):
<script type="text/javascript">
$(".muted").html(getGenericObjName("{{n.news_type}}",{{n.news.object_id}}));
</script>
HTML:
<span class="muted"></span>