将表单提交到HTML中的问题。使用div标签时出错

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (22)

我正在尝试将表单提供给我的HTML页面,然后使用标签来编辑布局。它将从我的数据库中获取信息,并以值的形式显示在表单中。

一直说我有语法错误, 每次在Feed中添加div标签时都会发生这种情况。

我已经尝试了很多东西,但唯一可以让这段代码始终如一地工作的东西就是取出所有标签。

在这一点上,我想知道是否有更好的方法来做到这一点。任何帮助,将不胜感激

HTML

<!DOCTYPE html>
<html lang="en">

<head>
    <!-- information -->

<body>

    <div class="feedContainer" id="nfeed">
    </div>

    <script src="managePosts.js"></script>
</body>

</html>

JS

var db = firebase.firestore();

const HTMLFEED = document.getElementById("nfeed");

//works
db.collection("trips").where("flag", "==", true).where('userID', "==", /*localStorage.getItem('userID') */ "101010101").get().then(function (querySnapshot) {
    querySnapshot.forEach(function (doc) {

        var fullName = doc.data().fullName;



        HTMLFEED.innerHTML += " \

                    <form> \
                        <img src='circleProfile.png' alt='User photo'> \
                        <div class='name'> <p>" + fullName + "</p></div>\
                        <div id='updatingForm'> \


                    </form>";

    });
});
提问于
用户回答回答于

需要为每一行添加反斜杠,即使是空行也是如此。也可以删除空的,但我能想到的最佳解决方案是使用模板文字

HTMLFEED.innerHTML += ` 
                    <form> 
                        <img src='circleProfile.png' alt='User photo'> 
                        <div class='name'> <p>${fullName}</p></div>
                        <div id='updatingForm'> 
                    </form>`;

扫码关注云+社区

领取腾讯云代金券