javascript - 只有在父 div 中时才使用 innerHTML 选择类

Question

我目前有下面的代码可以搜索类(class)并将替换文本。

如果父标签是“#thumb-hockey-top”，我该如何调整它以仅替换文本？

window.onload = function(){
     //this captures all the elements with the spec classes
     var soldItems = document.getElementsByClassName('product-mark sold-out');

     //this changes each element 1 by 1 to new text
        for(var i=0; i<soldItems.length; i++){
           soldItems[i].innerHTML = "Coming Soon";
        }

}

Answer 1

window.onload = function(){
  //this captures all the elements with the spec classes
  //just use a class
  var soldItems = document.getElementsByClassName('sold-out');
  //this changes each element 1 by 1 to new text
  //var parentnode = document.getElementById('thumb-hockey-top') 
    for(var i=0; i<soldItems.length; i++){
      if(soldItems[i].parentNode.id=='thumb-hockey-top'){
         soldItems[i].innerHTML = "Coming Soon";
      }
    }
};

<div id="thumb-hockey-top">
    <div class="product-mark sold-out"></div>
    <div class="product-mark sold-out"></div>
    <div class="product-mark sold-out"></div>
</div>