根据页面上另一个元素的存在更改CSS元素值

我正在一家涉及为产品添加艺术品的商店里工作。单个艺术品算作一种产品,因此会自动为其分配“可用数量”。这对于不能“缺货”的艺术品没有意义,因此我想在任何具有艺术品类别的页面上隐藏数量。

我只能访问商店的用户面板,css和javascript。用户面板上没有关闭产品数量或其他解决方法的选项。通常,我可以使用选择器将“艺术”元素与“数量”元素的特定css相关联,但是两个元素之间的联系是如此之遥,以至于我认为单独使用css并不能满足要求。

我的JavaScript非常生锈,但是我希望有一种简单的方法来定位链接标题为“艺术”的同一页面上的所有“数量” <div>。将<div>更改为显示:无;完全适合我的目的。以下是相关代码:

根据页面上另一个元素的存在更改CSS元素值

sunnygirl126 回答:根据页面上另一个元素的存在更改CSS元素值

是的,您可以使用javascript来实现:

// Determine if <a title="Art"> exists in the document
if (document.querySelectorAll('a[title="Art"]').length > 0) {

  // Give .box-qty a style of display: none
  const boxQty = document.getElementsByClassName('box-qty')[0];
  boxQty.style.display = 'none';
}
本文链接:https://www.f2er.com/2961007.html

大家都在问