/Html/Document.getElementByClassName("preview").innerHTML=src;

Document.getElementByClassName("preview").innerHTML=src;

function update(previewPic){
/* In this function I should 
    1) change the URL for the background image of the div with the id = "image" 
    to the source file of the preview image

    2) Change the text of the div with the id = "image" 
    to the alt text of the preview image 
    */
   document.getElementById("image").setAttribute('style', 'background-image: url(' +  previewPic.getAttribute("src") + ')');
   document.getElementById("image").innerHTML = previewPic.getAttribute("alt");
}


function undo(){
    document.getElementById("image").style.backgroundImage = "";
    document.getElementById("image").title = "";
}

Source: stackoverflow.com

Similar codes

1 vote287 views1 answer
Fa-fa-home
Html
4 votes280 views1 answer
@keyup.enter vue
Html
12 votes282 views3 answers
Bootstrap cards with image
Html
5 votes302 views5 answers
Webm to mp4
Html
6 votes256 views2 answers
How to get the input of a textbox in html
Html
25 votes291 views10 answers
Bootstrap
Html
2 votes268 views1 answer
Bootstrap 5 select
Html
0 vote265 views1 answer
The __________ is the framed area on a display screen and each responsive web page needs to have a meta tag defined for this property.
Html
0 vote275 views1 answer
How to remove box from form in html
Html
6 votes282 views6 answers
Tailwind css
Html