在html <script> </script>标记中附加文本。 Javascript问题

时间:2013-07-25 15:15:18

标签: javascript jquery html django

我希望通过在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(...)但它似乎覆盖了整个页面。

谢谢!

2 个答案:

答案 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>