Image as dynamic content in compatibility mode

[sebastian_quevedo]

How can I put an image as dynamic content if I import an HTML and i am in compatibility mode.

I don't see the option to create dynamic content

Cannot use structure, content, and fragment components

[akshaaga · Accepted solution]

@sebastian_quevedo ,

If you're working with HTML in compatibility mode and cannot use structure, content, and fragment components, you can still add dynamic content to your page using JavaScript.

One way to add an image dynamically is to create an IMG element in JavaScript and append it to the DOM.

Something like this -

var img = document.createElement("img");
img.src="path/to/image.jpg";
// Append the image element to a container in the DOM
var container = document.getElementById("image-container");
container.appendChild(img);

Through this, you create a new "image" element and set its src attribute to the image path you want to display.
Then you find a container element in the DOM (using getElementById or some other method) and append the image element to it.