JSFiddle - React, Tailwind, and code Playground

by Ajay Shrestha

HTML

<script>
  var selectById, selectByClassName, selectByTagName, querySelector;
  window.onload = function() {
    selectById = document.getElementById("outer-div");
    selectByClassName = document.getElementsByClassName("para-class");
    selectByTagName = document.getElementsByTagName("p");
    querySelector = document.querySelector("div p span");
    console.log("log ===>", selectById, selectByClassName, selectByTagName, querySelector);
  }

</script>
<div class="first-class" id="outer-div">
  <div class="second-class">
    <p class="para-class">First Paragraph</p>
    <p class="para-class">Second Paragraph <span><b>span inside paragraph</b></span> </p>
    <p>Paragraph without classname</p>
  </div>
  <button>Click me</button>
</div>