img标记从src中删除斜杠
img标记从src中删除斜杠
提问于 2021-08-06 19:35:03
我面临的问题是，我从一个input标记中获取了一个图像URL，然后将其存储在let中，然后创建了一个带有image标记的li标记。我将imageURL变量放在src中，但图像标记删除了该变量中的斜杠
function addMovie(title, imageURL, rating){
const li = document.createElement("li")
const ul = document.getElementById("movie-list")
li.className = "movie-element"
li.innerHTML = `
<div class="movie-element__image>
<img src="${imageURL}" alt="${title}" id="img" height="100" width = "100">
</div>
<div class="movie-elements__info">
<h2>
${title}
</h2>
<p>
${rating}/5 rating
</p>
</div>
`
ul.append(li);
}回答 2
Stack Overflow用户
回答已采纳
发布于 2021-08-06 22:42:24
请注意，\有特殊的含义。因此您需要使用\\而不是\，如下所示：
addMovie("test", "images\\test\\test.jpg" , 12)
function addMovie(title, imageURL, rating) {
const li = document.createElement("li")
const ul = document.getElementById("movie-list")
li.className = "movie-element"
li.innerHTML = `
<div class="movie-element__image">
<img src="${imageURL}" alt="${title}" id="img" height="100" width = "100">
</div>
<div class="movie-elements__info">
<h2>
${title}
</h2>
<p>
${rating}/5 rating
</p>
</div>
`
ul.append(li);
}
addMovie("test", "images\\test\\test.jpg" , 12)<ul id="movie-list"></ul>
此外，您还忘记了movie-element__image类之后的"
Stack Overflow用户
发布于 2021-08-06 22:36:25
在div的课之后，你忘记了一个"。
function addMovie(title, imageURL, rating){
const li = document.createElement("li")
const ul = document.getElementById("movie-list")
li.className = "movie-element"
li.innerHTML = `
<div class="movie-element__image">
<img src="${imageURL}" alt="${title}" id="img" height="100" width = "100">
</div>
<div class="movie-elements__info">
<h2>
${title}
</h2>
<p>
${rating}/5 rating
</p>
</div>
`
ul.append(li);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68689203
复制相关文章
相似问题
腾讯云开发者
