JavaScript 能够改变 HTML 属性

文章发布于：2021 年 04 月 06 日

通过改变标签的 src 属性（source）来改变一张 HTML 图像：

代码如下

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript </h2>

<p>JavaScript 能够改变 HTML 属性值。</p>

<p>JavaScript 改变了图像的 src 属性值。</p>

<button onclick="document.getElementById('myImage').src='https://www.w3school.com.cn/i/eg_bulbon.gif'">开灯</button>

<img id="myImage" border="0" src="https://www.w3school.com.cn/i/eg_bulboff.gif" style="text-align:center;">

<button onclick="document.getElementById('myImage').src='https://www.w3school.com.cn/i/eg_bulboff.gif'">关灯</button>

</body>
</html>