Callouts with different colors

Callouts with child blocks

💡

This is a callout with a code block.

const testElements = document.querySelectorAll(".test");
const testDivs = Array.prototype.filter.call(
  testElements,
  (testElement) => testElement.nodeName === "DIV",
);

const parentDOM = document.getElementById("parent-id");

// a list of matching elements, *not* the element itself
let test = parentDOM.getElementsByClassName("test");
console.log(test);

for (let elm of testElements) {
	elm.classList.remove('old')
  elm.classList.add('new')
}