Question

我正在尝试将表单送入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>";

    });
});

Answer 1

您需要在每行添加反斜杠，即使是空行也是如此。您也可以删除空的，但是我能想到的最好的解决方案是使用Template literals：

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

发布表单到HTML。使用<div>标记时出错

1 个答案: