<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>操作元素之修改元素属性</title>
<style>img {
width: 300px;
}</style>
</head>
<body>
<button id="ldh">刘德华</button>
<button id="zxy">张学友</button> <br>
<img src="https://pic.imgdb.cn/item/6120ef224907e2d39c002925.jpg" alt="" title="刘德华">
<script>// 修改元素属性 src
// 1. 获取元素
var ldh = document.getElementById('ldh');
var zxy = document.getElementById('zxy');
var img = document.querySelector('img');
// 2. 注册事件 处理程序
zxy.onclick = function () {
img.src = 'https://pic.imgdb.cn/item/6120ef464907e2d39c007048.jpg';
img.title = '张学友';
}
ldh.onclick = function () {
img.src = 'https://pic.imgdb.cn/item/6120ef224907e2d39c002925.jpg';
img.title = '刘德华';
}</script>
</body>
</html>
![nodejs微信开发---授权登录+获取用户信息微信网页授权[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)