【JS】点击按钮切换图片

Osinghong1个月前 (05-12)成果展示86

图片需要放在img文件夹里

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>d24c04429</title>
</head>
<body>
    <button id="ldh">刘德华</button>
    <button id="zxy">张学友</button>
    <img id="imageElement" src=""/>
    <script>
        document.getElementById('ldh').addEventListener('click', function() {
            var imageElement = document.getElementById('imageElement');
            imageElement.style.display = 'block';
            imageElement.src = 'img/ldh.jpg';
        });
        document.getElementById('zxy').addEventListener('click', function() {
            var imageElement = document.getElementById('imageElement');
            imageElement.style.display = 'block'; 
            imageElement.src = 'img/zxy.jpg';
        });
    </script>
</body>
</html>

打赏