我正在尝试将一个表单输入到我的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>";
});
});
发布于 2019-04-16 03:32:09
你需要在每一行添加一个反斜杠,即使是空行。您也可以只删除空的,但我能想到的最好的解决方案是使用Template literals
HTMLFEED.innerHTML += `
<form>
<img src='circleProfile.png' alt='User photo'>
<div class='name'> <p>${fullName}</p></div>
<div id='updatingForm'>
</form>`;
https://stackoverflow.com/questions/55695892
复制相似问题