About innerHTML can't display pictures [закрыто]

Текст отображается нормально. Вот мой код:

   <div id='container'>
   </div>
   <script>
   document.getElementById("container").innerHTML = "{{ article.content }}";
    </script>

На веб-странице результат выглядит следующим образом:

<p>&nbsp; &nbsp; detail： x_1 1</p><p style="text-align: center;"><img src="/media/uploads/images/xx_20210827151909_960.jpg" alt="xx.jpg" width="1137" height="710" style="width: 1137px; height: 710px;"/></p>

Они не отображаются как элементы веб-страницы.

(Путь к img src правильный. Я использую:

return render(request, 'news/article.html',{'article': article,'username':username})

чтобы вернуть статью, статья - это объект, возвращаемый article.objects.get (PK = PK). content - это атрибут статьи.)

Вернуться на верх