Проблемы подачи форм в HTML. Ошибка при использовании тегов <div> - PullRequest
0 голосов
/ 15 апреля 2019

Я пытаюсь получить форму для подачи на мою HTML-страницу, а затем использовать теги для редактирования макета. Он будет получать информацию из моей базы данных и отображать ее в форме в виде значения.

У меня постоянные проблемы, связанные с синтаксическими ошибками. Это происходит каждый раз, когда я добавляю тег 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>";

    });
});

1 Ответ

1 голос
/ 15 апреля 2019

Вам необходимо добавить обратную косую черту в каждую строку, даже в пустые. Вы также можете просто удалить пустые, но лучшее решение, о котором я могу подумать, это использовать Шаблонные литералы :

HTMLFEED.innerHTML += ` 
                    <form> 
                        <img src='circleProfile.png' alt='User photo'> 
                        <div class='name'> <p>${fullName}</p></div>
                        <div id='updatingForm'> 
                    </form>`;
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...