Javascript 如果页面上出现特定元素ID，则通过JS禁用按钮

我试图使用JS将“添加到购物车”按钮更改为禁用，如果我们的库存水平（显示在前端的

）为“缺货”。这个JS已经在我们的网站上设置好了，用于更改变体的按钮行为（文章底部的代码），因此如果我可以使用我们的库存集成一个附加的条件规则，那将是令人惊讶的

以下是缺货消息出现时的HTML：

<span class="LocationNoStock">Currently Sold Out</span>

基本上，我想添加逻辑说明：

if class 'LocationNoStock' exists then disable 'add-to-cart' button

任何可以提供的帮助都将不胜感激！如果有帮助的话，我们当前用于修改“添加到购物车”按钮的JS如下所示-如果可以插入搜索

的附加规则并模仿令人惊讶的行为

updateCartButton: function(evt) {
var variant = evt.variant;
if (variant) {
if (variant.available) {
// Available, enable the submit button and change text
$(selectors.addToCart, this.$container).removeClass(classes.disabled).prop('disabled', false);
$(selectors.addToCartText, this.$container).html(theme.strings.addToCart);
} else {
// Sold out, disable the submit button and change text
$(selectors.addToCart, this.$container).addClass(classes.disabled).prop('disabled', true);
$(selectors.addToCartText, this.$container).html(theme.strings.soldOut);
}
} else {
// The variant doesn't exist, disable submit button
$(selectors.addToCart, this.$container).addClass(classes.disabled).prop('disabled', true);
$(selectors.addToCartText, this.$container).html(theme.strings.unavailable);
}
},

---

要在加载javascript时禁用ButtonInJavaScript，可以通过设置元素的属性来完成 例子： setAttribute（“样式”，“颜色：红色”） 在您的例子中，您正在使用类“addtocart”获取元素，该类提供htmlcollection，因此您可以使用索引访问button元素，然后使用javascript的setAttribute函数设置特定属性

试试这个：

    $(document).ready(function(){
 if (document.getElementsByClassName("LocationNoStock") != null){
     var element = document.getElementsByClassName("add-to-cart");
     
    element[0].setAttribute("disabled", ""); 
    }
    });

您可以使用jquery

$（…）

执行以下操作，如果找到

.LocationNoStock

，请禁用

.add to cart

按钮

if（$（'.LocationNoStock'）.length）$（'.add to cart'）.attr（'disabled'，'disabled'）

目前已售罄
添加到购物车

    $(document).ready(function(){
 if (document.getElementsByClassName("LocationNoStock") != null){
     var element = document.getElementsByClassName("add-to-cart");
     
    element[0].setAttribute("disabled", ""); 
    }
    });