Javascript style.opacity不是';t在ajax函数中工作
我已经在我的网站上创建了一个拖放功能。将图像放入此区域时,将显示图像预览以及右上角的X标记,指示删除图像。但是,当我将图像放到这个区域时,X标记就不可见了。不透明度不会变为1 这是我的密码。代码很长,但我选择了相关部分:-Javascript style.opacity不是';t在ajax函数中工作,javascript,html,css,sass,Javascript,Html,Css,Sass,我已经在我的网站上创建了一个拖放功能。将图像放入此区域时,将显示图像预览以及右上角的X标记,指示删除图像。但是,当我将图像放到这个区域时,X标记就不可见了。不透明度不会变为1 这是我的密码。代码很长,但我选择了相关部分:- let deleteImage; $(document).ready( function () { deleteImage = document.getElementById("deleteImage").addEventListener('click', remo
let deleteImage;
$(document).ready( function () {
deleteImage = document.getElementById("deleteImage").addEventListener('click', removeImage);
})
function handleDrop(e) {
let xhr = new XMLHttpRequest(),
data = new FormData();
xhr.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
console.log("Response " + this.responseText);
imageUrlInput.value = this.responseText;
previewDropArea.setAttribute("src", this.responseText );
//------------- This code isn't working -----------------------------------
deleteImage.style.opacity = "1";
}
}
}
let removeImage = function (event) {
previewDropArea.setAttribute("src", "#");
imageUrlInput.value = "";
this.style.opacity = "0";
}
以下是我与之相关的SASS:-
#deleteImage{
height: 20px;
width: 20px;
align-self: flex-start;
position: relative;
left: 90px;
opacity: 0;
}
您已经将
deleteImage
定义为来自addEventListener
的返回值,因此它不是HTML元素
您需要将
deleteImage
定义为getElementById
的返回值,将deleteImage
设置为addEventListener(…)
的返回值,该返回值不返回值,也不返回实际元素。