title: How can I manipulate the DOM without a library like jQuery?
body: <p>I am used to using jQuery for manipulating the DOM, for example:</p>
  
  <pre><code>var mything = $("#mything");
  mything.on("click", function() {
      mything.addClass("red");
      mything.html("I have sinned.");
  });
  </code></pre>
  
  <p>But now I want to do the same things with Vanilla JavaScript. Is this possible? How can I do it?</p>
  
  <blockquote>
    <p><strong>Notice</strong>: This question is intended to be a comprehensive resource on Vanilla JavaScript DOM manipulation.</p>
  </blockquote>