<p>我有两个文件，一个是js文件：</p> <pre class="brush:php;toolbar:false;">const a = document.getElementsByTagName(&quot;body&quot;)[0]; const d = a.getElementsByTagName(&quot;h1&quot;); d.forEach(element =&gt; { element.innerHTML = &quot;文本已更改&quot;; });</pre> <p>还有一个是html文件：</p> <pre class="brush:php;toolbar:false;">&lt;!DOCTYPE html&gt; &lt;html lang=&quot;en&quot;&gt; &lt;head&gt; &lt;title&gt;David &lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;h1&gt;你好1&lt;/h1&gt; &lt;h2&gt;大卫&lt;/h2&gt; &lt;h3&gt;亚里尔&lt;/h3&gt; &lt;h4&gt;雅哈夫&lt;/h4&gt; &lt;h1&gt;你好2&lt;/h1&gt; &lt;h1&gt;你好3&lt;/h1&gt; &lt;script src=&quot;food.js&quot;&gt;&lt;/script&gt; &lt;/body&gt; &lt;/html&gt;</pre> <p>我试图将每个h1元素的文本更改为相同的文本，但是它没有起作用，也就是说当我在浏览器上运行时，所有的"h1"文本仍然保持不变。</p> <p>不确定为什么，因为"d"是一个html集合，我用foreach在它上面运行。</p> <p>基本上一切都很简单，所以不确定我可以尝试什么。</p> <p>感谢任何帮助！</p>

const a = document.getElementsByTagName('body')[0]
const d = a.getElementsByTagName('h1')

for (let elem of d) {
    elem.innerHTML = '新文本'
}