JSFiddle - React, Tailwind, and code Playground

by oburejin

HTML

<div class="d1"> d1
    <div class="d2"> d2
        <div class="d3"> d3
            <div class="d4" id="d4"> d4</div>
        </div>
    </div>
</div>

CSS

div {
            border: solid 2px;
            margin: 5px;
        }

        .d1 {
            border-color: red;
            width: 300px;
        }

        .d2 {
            border-color: blue;
        }

        .d3 {
            border-color: yellow;
        }

        .d4 {
            border-color: green;
        }

        .boldBorder {
            border-width: 8px;
        }

JavaScript

var k = document.getElementById('d4');
    function gt(node, indx) {
        var parent;
        for (var i = 0; i <= indx; i++) {
            node = node.parentNode;
        }
        return(node);
    }
    gt(k, 1).style.background = 'red';