Going through the HTMl to get Node Types

Question

Hello you all I need some help wit a HTMl and JS code I am working.

I have a basic HTMl structure with just this structure

<head>
    <meta charset="UTF-8">
    <title>Examen 1</title>
</head>
<body onload="myFunction();">
    <div id="end"></div>
</body>

I need to go through the full HTMl and them printig out in a different <div> which is created directly from the JS document the type of node, examples: Element Node, Text Node and show the node name in case if have it and also I have to print the node childs and siblings. The most I need is the Node Types. I do not have an idea where to start. I have this JS code created already where I am creating a list that I have to go thrugh as well lately.

    var btn=document.createElement("BUTTON");
    var t=document.createTextNode("CLICK ME");
    btn.appendChild(t);
    document.body.appendChild(btn).addEventListener('click', dDiv);

function myFunction () {

    var ul = document.createElement('ul'),
        li = document.createElement('li');
        txtNode = document.createTextNode('List 1');
        ul.appendChild(li);
        li.appendChild(txtNode);
        document.body.appendChild(ul);
}

function dDiv () {

}

In the function dDiv () is where I have to include the node types.

Welcome to the Treehouse Community

Looking to learn something new?

Marcelo Retana

Marcelo Retana

Going through the HTMl to get Node Types

Dave McFarland

Dave McFarland