Home/ Questions/Q 750567
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-14T14:33:57+00:00

I want to use the append() function from inside the <head> , in a

  • 0

I want to use the append() function from inside the <head>, in a function to be specific, like so:

function custom_img(src_img)
{
 $("div").append("<img src='"+src_img+"'>");
}
var myimg = new custom_img("test.jpg");

This is a quick example that I just wrote out. I want my function to make a new image like that every time I create a new object like this. Obviously this doesn’t work, since the append() requires to be in the body (I’ve tried this).

How would I do this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The reason it’s not working is because your div does not exist yet.
    So you can either use the $(document).ready() function to wait for the document to load.

    Or if you want the images to load together with the rest of the document, you could simply create a new div and insert the images there.

    var div = $("div")
function custom_img(src) {
   div.append($("img").attr("src", src));
}

    Then when the document is fully loaded, you can go through the array and insert the loaded images in the DOM.

    $(document).ready(function() {
   $("#myDiv").append(div);
});
    • 0