<p>두 개의 파일이 있는데 하나는 js 파일입니다.</p>
<pre class="brush:php;toolbar:false;">const a = document.getElementsByTagName("body")[0];
const d = a.getElementsByTagName("h1");
d.forEach(요소 => {
element.innerHTML = "텍스트가 변경되었습니다"
});</pre>
<p>html 파일도 있습니다: </p>
<pre class="brush:php;toolbar:false;"><!DOCTYPE html>
<html lang="ko">
<머리>
<제목>데이비드
</제목>
</머리>
<본문>
<h1>안녕하세요 1</h1>
<h2>데이비드</h2>
<h3>아리엘</h3>
<h4>야하브</h4>
<h1>안녕하세요 2</h1>
안녕하세요 3
<script src="food.js"></script>
</body>
</html></pre>
<p>각 h1 요소의 텍스트를 동일한 텍스트로 변경하려고 했지만 작동하지 않았습니다. 즉, 브라우저에서 실행했을 때 모든 "h1" 텍스트가 여전히 동일하게 유지되었습니다. </p>
<p>이유는 잘 모르겠습니다. "d"는 html 컬렉션이고 foreach를 사용하여 실행하기 때문입니다. </p>
<p>기본적으로 모든 것이 매우 간단하므로 무엇을 시도해 볼 수 있을지 잘 모르겠습니다. </p>
<p>도움을 주셔서 감사합니다! </p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
HTMLCollections는 forEach 메서드를 구현하지 않으므로
forEach를 사용하면 안 됩니다.for 루프를 사용하세요
으아악