Home/ Questions/Q 6879911
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T04:54:24+00:00

<!DOCTYPE html> <html> <head> <title>My test</title> <style> .img { display:inline-block; border:dotted; } .button {

  • 0
<!DOCTYPE html>
<html>
<head>
<title>My test</title>
<style>

    .img {
            display:inline-block;
            border:dotted;
        }
        .button {
            display:inline-block;
            border:dotted;
        }
</style>
<script>
    //Loads all the elements and assigns event handlers
    function load()
    {
        var root = document.getElementById("body");

        var test = document.createElement("div");
        test.setAttribute("class", "button");
        test.setAttribute("id", "p");
        test.innerHTML = "Prev"
        root.appendChild(test);

        var test = document.createElement("div");
        test.setAttribute("class", "main");
        test.innerHTML = "Anne"
        root.appendChild(test);

        var test = document.createElement("div");
        test.setAttribute("class", "main");
        test.innerHTML = "Anise"
        root.appendChild(test);

        var test = document.createElement("div");
        test.setAttribute("class", "main");
        test.innerHTML = "Anna"
        root.appendChild(test);

        var test = document.createElement("div");
        test.setAttribute("class", "button");
        test.setAttribute("id", "n");
        test.innerHTML = "Next"
        root.appendChild(test);
    }
    document.addEventListener("DOMContentLoaded", load, false)
</script>
</head>
<body>
</body>
</html>

This doesn’t produce anything on the page! Why?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You are looking for a DOM element with the id attribute of body, when you really intend to get the body tag.

    // Instead of
var root = document.getElementById("body");

// Try:
var root = document.body;

    You could also add an id attribute to the <body> tag as <body id='body'> without having to modify your JavaScript, but this seems kind of inappropriate. Modify your script to use document.body instead.

    Update

    You are overwriting the innerHTML property of btnPrev in each group of lines. We don’t see where btnPrev is even defined in your markup. Perhaps each time you define var test, you intend to define btnPrev?

    • 0