Javascript JS的Python集值未定义

在我的主python文件中，我有以下代码

@app.route('/accounts/test/learn/medium')
def medium():
word = random.choice(os.listdir("characters/"))
return render_template('accounts/test/medium.html', word=word)

我的HTML模板“Medium”有一个名为“character”的div，其中包含单词

<div id="character" style="font-weight:bold;color:red"  >{{ word }}</div>

当我运行应用程序时，Python在我的HTML中设置单词，我可以看到， 但是JavaScript，看不到字符的值。它说的是

加载资源失败：服务器响应状态为未定义。png

你有什么建议可能是错的吗？这是顺序吗？

根据这个答案，你应该使用

innerHTML

而不是

value

：

currentWord = document.getElementById("character").innerHTML

---

正如在评论中指出的，我将很好地利用from Flask为静态文件生成URL，如下所示：

从的文档中引用：

静态文件

动态web应用程序也需要静态文件。通常是在那里 CSS和JavaScript文件来自。理想情况下，您的web服务器 配置为为为您提供服务，但在开发过程中 也要这样做只需在包或文件夹中创建一个名为static的文件夹 在模块旁边，它将在 应用程序。

因此，创建静态文件夹后，只需在模板中使用

url\u引用该文件夹，并指出文件名：

<img id="characterPNG" src={{url_for('static', filename=word+'.png')}}></img>


JavaScript正在客户端的浏览器中运行；不能对图像使用相对路径。您应该使用flask为图像URL提供
URL\u，用于
。我认为主要问题是DIV元素没有值。他想阅读HTML内容（
innerHTML
属性），我完全同意你的看法，但问题是关于未定义的值
<img id="characterPNG" src={{url_for('static', filename=word+'.png')}}></img>