如何在ExpressJS中向HTML文件插入HTML代码？无订单场景求助

问题分析 #

你当前的代码存在两个关键问题：

1. CSS选择器替换时丢失了#号，导致无订单提示容器的样式无法生效；
2. 直接将<h1>标签拼接在HTML字符串末尾，会导致标签被放在DOM结构外，浏览器无法正确渲染到页面中。

修复步骤 #

1. 修正CSS替换逻辑：确保选择器保留#号，保证样式规则能匹配目标元素；
2. 在HTML指定位置插入标签：通过替换HTML中的特定节点（比如</body>），将<h1>插入到DOM结构内的预期位置。

修改后的代码 #

var order_count = order_count_result[0];

if (order_count == 0) {
    // 修复CSS选择器，保留#号
    data_8 = data_7.replace("#no-ordered-food-div{display: none;}", "#no-ordered-food-div{display:inline-block;}");
    // 在</body>标签前插入目标h1
    var updatedHtml = data_8.replace("</body>", "<h1 id='cihantoker-text'>cihantoker</h1></body>");
    res.write(updatedHtml);
    res.end();
}

补充说明 #

如果需要将<h1>插入到页面中其他特定位置（比如某个容器内），可以把替换目标改成对应容器的标识，例如页面中有<div id="empty-order-container"></div>，就可以用：

var updatedHtml = data_8.replace("<div id='empty-order-container'></div>", "<div id='empty-order-container'><h1 id='cihantoker-text'>cihantoker</h1></div>");

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