在Django中使用getElementById实现帖子编辑模态框报错求助

你的代码存在几处语法错误，导致出现「Identifier or string literal or numeric literal expected」和「Statement expected」提示，以下是问题点和修正方案：

错误点及修复 #

1. 函数未接收参数
   按钮调用submitHandler时传递了{{post.id}}，但函数未定义参数，无法获取帖子ID。需给函数添加参数（比如postId）。

2. 字符串拼接语法错误
   原代码"textarea_"${post.id}不符合JavaScript语法，改用模板字符串（反引号包裹）或加号拼接，正确生成textarea的ID选择器。

3. 代码结构不完整
   缺少<script>开头标签，函数也未闭合}，导致解析失败。需补全完整的script标签结构。

4. HTML属性语法错误
   按钮的onclick属性值未用引号包裹，容易引发解析错误，需添加双引号。

修正后的完整代码 #

JavaScript部分 #

<script>
function submitHandler(postId){
       // 通过模板字符串拼接textarea的ID
       const textareaValue = document.getElementById(`textarea_${postId}`).value;
       // 此处可添加提交逻辑，比如发送请求到后端保存修改
       // 示例：fetch('/update-post', { method: 'POST', body: JSON.stringify({ id: postId, content: textareaValue }) })
}
</script>

按钮部分 #

<button type="button" class="btn btn-secondary" onclick="submitHandler({{post.id}})">Save Changes</button>

内容的提问来源于stack exchange，提问作者pegah