使用 JavaScript 函数在 Django 中操作变量的输出答案

【问题标题】：Manipulating the output of variables in Django with JavaScript function使用 JavaScript 函数在 Django 中操作变量的输出
【发布时间】：2021-09-19 14:11:03
【问题描述】：

我使用这段代码从视频对象中获取部分描述：

        <div id="description">
            <p>{{video.description | slice:":20" }}</p>
            <button onclick="showDescription()">Show description</button>
        </div>

我得到了showDescription() 函数，我希望它通过更改内部 HTML 代码来显示其余的描述：

function showDescription() {
    var text = document.getElementById('description')
    text.innerHTML = "<p style='overflow-wrap: break-word; width: 100%;'>{{video.description}}</p>"
};

但它会返回

{{video.description}}

没有实际的描述，有什么想法吗？

【问题讨论】：

标签： javascript python html django

【解决方案1】：

您需要将{{video.description}} 作为函数参数传递。

<div id="description">
    <p>{{video.description | slice:":20" }}</p>
    <button onclick="showDescription('{{video.description}}')">Show description</button>
</div>

function showDescription(description) {
    var text = document.getElementById('description')
    text.innerHTML = "<p style='overflow-wrap: break-word; width: 100%;'>" + description + "</p>"
};

【讨论】：

成功了！谢谢:)