使用JS在optimize.google中进行A / B测试，按类更改图像

Question

我正在尝试使用optimize.google设置A / B测试，以切换我们用于聊天的图片。我们正在使用zendesk的zopim聊天。我已经尝试了很多getElementBy Id或Class的变种而没有任何运气。

HTML

    <td class="jx_ui_html_td image_cell" __jx__id="___$_11__banner__image_cell"><img class="banner_image jx_ui_html_img" __jx__id="___$_11__banner__image" src="https://v2assets.zopim.io/2tb5FIOyEOOJ0Sq0TrQAN74gNEnpA3l4-banner?1493149892024" style=""><div class="meshim_widget_widgets_IconFont icon_font banner_icon" __jx__id="___$_11__banner__icon ___$_11__banner__icon" style="user-select: none; display: none;"></div></td>

不同的JS我试过

    document.getElementByClass('banner_image').src.add('new-png');

    var x = document.getElementByClass("banner_image");
    x.src ='new-image.png'          

    document.getElementByClass('banner_image').src = 'new-image.png';

    function newF (){ 
    var x = document.getElementByClass('banner_image');
    x.src ='new-image.png'
    }

    function newF (){ 
    document.getElementByClass('banner_image').src = 'new-image.png';
    }

    function newF (){ 
    document.getElementByClass('banner_image').src.add('new-image.png');
    }