提示 = 背景图片 javascript
Prompt = background image javascript
我正在尝试这样做背景图片:url("+person.value+"); inside bg1 是提示值,但我不知道它是如何在我尝试
时删除背景的
document.getElementsByClassName("btn-cta-md")[0].addEventListener("click",
function(){
var person = prompt("image url: (.png, .jpg, .gif) example:", "https://skully.com/image.png");
if (person != null) {
var bg1=`
<style id="bgimage" class="texture" type="text/css">.avatar-back
{
background-image: url('+person.Value+');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}</style>`;
console.log(person);
document.getElementsByClassName('thumbnail-2d-container avatar-card-image')[0].innerHTML += bg1
}
}
);
感谢过去 4 个小时我一直在尝试的任何帮助,但我再也想不出办法了...
您在模板字符串中,因此只需像这样使用插值:
background-image: url('${person}');
我正在尝试这样做背景图片:url("+person.value+"); inside bg1 是提示值,但我不知道它是如何在我尝试
时删除背景的 document.getElementsByClassName("btn-cta-md")[0].addEventListener("click",
function(){
var person = prompt("image url: (.png, .jpg, .gif) example:", "https://skully.com/image.png");
if (person != null) {
var bg1=`
<style id="bgimage" class="texture" type="text/css">.avatar-back
{
background-image: url('+person.Value+');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}</style>`;
console.log(person);
document.getElementsByClassName('thumbnail-2d-container avatar-card-image')[0].innerHTML += bg1
}
}
);
感谢过去 4 个小时我一直在尝试的任何帮助,但我再也想不出办法了...
您在模板字符串中,因此只需像这样使用插值:
background-image: url('${person}');