JSFiddle - React, Tailwind, and code Playground

by Anchit Gupta

HTML

<body class="d1" onclick="highlight(this)">
    <div class="d2" onclick="highlight(this)">
        <table class="d3" onclick="highlight(this)">
            <tr class="d4" onclick="highlight(this)">
                <td class="d5" onclick="highlight(this)">
                    <span class="d6" onclick="highlight(this)">
                        <img class="d7" onclick="highlight(this)" src="http://img.xcitefun.net/users/2011/02/231252,xcitefun-beautiful-small-nature-world-05.jpg" alt="Smiley face" height="200" width="200">
                            <div class="d8 text1" onclick="highlight(this)">
                            <a href="" class="d9" onclick="highlight(this)">Visit W3Schools.com!</a>
                            </div>
                    </span>
                </td>
            </tr>
        </table>
    </div>
</body>

CSS

.text1 {
  position:absolute;
  left:15px;
  top:100px
}

JavaScript

function highlight(elem) {
    console.log(elem.className);
    alert(elem.className);
}