JS（三）——更改html内数据

• 获取 DOM 元素，然后修改其属性或内容。使用 getElementById 方法获取特定 ID 的元素：

<p id="myParagraph">这是初始的文本</p>

const paragraph = document.getElementById('myParagraph');
paragraph.innerHTML = '这是修改后的文本';

• 通过修改元素的属性，比如修改 img 元素的 src 属性：

<img id="myImage" src="old.jpg" />

const image = document.getElementById('myImage');
image.src = 'new.jpg';

使用 getElementsByTagName 或 getElementsByClassName 方法获取一组元素进行修改

<p class="myClass">第一段</p>
<p class="myClass">第二段</p>

const paragraphs = document.getElementsByClassName('myClass');
for (let i = 0; i < paragraphs.length; i++) {
  paragraphs[i].innerHTML = '修改后的段落';
}