JavaScript

Selecting DOM Elements

<div></div>
  <p>This is a diversion.</p>
<div></div>

div {
  padding: 1rem;
  font-size: 1.1rem;
  border: 5px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(to left, red, mediumblue);
  font-family: Helvetica;
}

p {
  font-family: Helvetica;
}


let allDivs = Array.from(document.getElementsByTagName('div'));

allDivs.forEach(div => {
  div.style.width = "100px";
  div.innerText = "Look here";
});
