当span.class存在时用JS显示按钮

如何解决当span.class存在时用JS显示按钮

我有一个按钮，可以使用“价格”切换类以在我的页面上显示和隐藏。但是当页面上没有带有“价格”的类时，按钮应该不可见。

由于我不知道如何使用 JS 正常工作，所以我需要依赖 google 但我没有找到有效的方法。希望你能帮助我。

因为它在 wordpress 上，所以我需要它在没有 jQuery 的情况下工作。

object.onload = function displaycataloguebutton() {

    var element = document.getElementsbyClassName("cataloguetoggle")
    for (i = 0; i < element.length; i++) {
        element[i].classList.remove('cataloguedisplay');
    }
}

function hidePrices() {

    var elements = document.getElementsByClassName("price");
    for (i = 0; i < elements.length; i++) {
        elements[i].classList.toggle('hideprice');
    }
    var elements = document.getElementsByClassName("cataloguetoggle")
    for (i = 0; i < elements.length; i++) {
        elements[i].classList.toggle('cataloguebuttonactive');
    }
} 

.hideprice {
    display: none !important;
}
.cataloguebuttonactive{
    background-color:#5cdb5c !important;
}
.cataloguedisplay{
    display:none;
}

<button class="cataloguetoggle cataloguedisplay" onclick="hidePrices()">Catalog</button>