我面临的问题是,我从输入标签获取图像 URL,然后将其存储在 let 中,然后我创建了一个带有图像标签的 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);
}
你忘记"
了 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);
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句