美文网首页
点击按钮可以更换图片和图片标签

点击按钮可以更换图片和图片标签

作者: 键盘已附魔 | 来源:发表于2021-12-19 13:49 被阅读0次
    点击按钮可以更换图片和图片标签
    <body>
        <button id="pq">佩奇</button>
        <button id="qz">乔治</button>
        <img src="img/peiqi.jpg" alt="">
    
        <script>
            //获取元素
            var pq = document.getElementById('pq');
            var qz = document.getElementById('qz');
            var img = document.querySelector('img');
            //注册事件
            pq.onclick = function() {
                img.src = 'img/peiqi.jpg';
                img.title = '佩奇';
            }
            qz.onclick = function() {
                img.src = 'img/qiaozhi.jpg';
                img.title = '乔治';
            }
        </script>
    

    相关文章

      网友评论

          本文标题:点击按钮可以更换图片和图片标签

          本文链接:https://www.haomeiwen.com/subject/yncofrtx.html