forEach

const canvases = document.querySelectorAll('canvas');
canvases.forEach(canvas => {
  const url = canvas.closest('[href]');
  console.log(url);
});

querySelectorAll 메서드로 얻게 되는 것은 진짜 배열이다. 그러므로 forEach 문을 쓸 수 있다. 하지만 await 문은 쓸 수 없다.

for of

const canvases = document.getElementsByTagName('canvas');
for (const canvas of canvases) {
  const url = canvas.closest('[href]');
  console.log(url);
}

getElementsByTagName 메서드로 얻게 되는 것은 유사 배열이다. 그러므로 forEach 문을 쓸 수가 없다. 하지만 await 문은 쓸 수 있다.