JSFiddle - React, Tailwind, and code Playground

by lw7360

HTML

<div>
    <div class="child-div">1</div>
    <div class="child-div">2</div>
    <div class="child-div">3</div>
</div>

JavaScript

myDiv = $('.child-div').get(1);
console.log(myDiv); // Looks like a String...
console.log(typeof(myDiv)); // But it's an object!

console.log(myDiv.style) // "style" is the CSS of the object
myDiv.style.fontSize = "50px"; // And you can change its properties 
                               // just by assigning to it.

myDiv3 = $('.child-div:eq(2)'); // You could also just use jQuery.
myDiv3.css("fontSize", "50px");