Javascript 更改图像src onmouseover div

我想在12区上空时更改img的src。我怎样才能做到这一点

<div class="row">
 <div class="col-md-12" style="margin-left: 40px; margin-top: 5px;">
    <a href="{{ action('') }}" id="link-settings" href="">
     <div id="block-settings" class="col-xs-2 button-left-premium">
        <img class="button-img" src="{{ asset('/img.png') }}"></img>
      </div>
     <div class="col-xs-5 button-right-premium" id="block-settings-two">
     <h3 class="settings-title" style="margin-top: 10px; text-align: center; font-weight: bold;">test</h3>
   </div>
 </a>

这应该行得通

通过JQuery，我们向

col-md-12

div的悬停事件添加了一个侦听器，并将src属性更改为图像

$（'.col-md-12'）。悬停（函数（）{
原始=$（'.button img'）.attr（'src'）；
$（'.button img'）.attr（'src'，'img2.jpg'）；
}，函数（）{
$（'.button img'）.attr（'src'，原件）；
})

使用普通JS：

let a = document.getElementById('a');
let b = document.getElementById('b');

a.addEventListener('mouseover', function () {
    let newSrc = '/b.jpg';

    if (a.getAttribute('src') !== newSrc) {
        a.src = newSrc;
    }
})

---

嘿，朋友，你能自己试一试，然后给我们看看你试过什么吗？PS。。。“How to”是一个陈述，而不是一个问题：）我尝试了很多次，但js不是我的好技能..在nohover之后如何更改它？@Promgrma编辑以返回原始图像。这些帮助？？？@Promgrma帮了你的忙。还是你遇到了什么问题？

let a = document.getElementById('a');
let b = document.getElementById('b');

a.addEventListener('mouseover', function () {
    let newSrc = '/b.jpg';

    if (a.getAttribute('src') !== newSrc) {
        a.src = newSrc;
    }
})