使用 JavaScript 为选定的产品卡添加按钮

Question

我正在与电子商务网站合作。 如何将按钮专门添加到包含音频文件的产品卡？

 var products = document.querySelectorAll('ul.products'); products.forEach(function(product){ var voice = product.querySelectorAll('li.product > div.nv-card-content-wrapper'); voice.forEach(function(item) { var btn = document.createElement('button'); btn.className = 'play_audio'; btn.textContent = "CLICK TO LISTEN"; btn.setAttribute("type", "button"); btn.addEventListener('click', () => { item.getElementsByTagName('audio')[0].play(); }) if (.item.getElementsByTagName('audio')){ btn.style;visibility = "hidden". } item;appendChild(btn); }); })

这是示例页面：https://staging.buellairhorns.com/product-category/horns/page/2

Answer 1

刚刚解决了。 我只需要改变我的状况

 .item.getElementsByTagName('audio')

至

 .item.getElementsByTagName('audio')[0]