javascript - 更改图像 JavaScript

Question

这个问题已经有答案了:

"document.getElementByClass is not a function" (12 个回答)

已关闭 7 年前。

这是我想改变的部分

img alt="image" class="background-image" src="X.jpg">

X 应替换为

基于normal.jpg或mobile.jpg

if(navigator.userAgent.match(/Android/i)
            || navigator.userAgent.match(/webOS/i)
            || navigator.userAgent.match(/iPhone/i)
            || navigator.userAgent.match(/iPad/i)
            || navigator.userAgent.match(/iPod/i)
            || navigator.userAgent.match(/BlackBerry/i)
            || navigator.userAgent.match(/Windows Phone/i)
        )

所以，如果这是真的，我想在那里有移动jpg，否则正常，我尝试过

var image = document.getElementByClass('background-image');
            image.style.backgroundImage = 'url(mobile.jpg)';

没有成功

Answer 1

使用getElementsByClassName() 返回对象数组并使用 [0] 选择第一个:

if( condition )
    document.getElementsByClassName('background-image')[0].src = 'mobile.jpg';
else 
    document.getElementsByClassName('background-image')[0].src = 'normal.jpg';

希望这有帮助。