带有变量的 querySelectorAll 不选择元素

Question

我想使用带有变量“amountClass”的 querySelectorAll 选择所有元素，但 NodeList 始终为空

    function addingCoin() {
const table = document.querySelector('.list__table');

table.addEventListener('submit', (event) => {
    event.preventDefault();
    
    
    const walletCryptos = document.querySelector('#usersCrypto');
    const coinAmount = event.target.inputAmount;
    const coinRow = coinAmount.parentElement.parentElement.parentElement;
    const coinName = coinRow.querySelector('.name').textContent;
    const coinPrice = coinRow.querySelector('.price').textContent.match(/\d+(\.\d+)?/)[0];
    const coinValue = coinAmount.value*coinRow.querySelector('.price').textContent.match(/\d+(\.\d+)?/)[0];
    
    let amountClass = coinName;
    let existingCoin = document.querySelectorAll(amountClass);

    if (existingCoin.length > 0) {
        existingCoin[0].innerText = coinAmount.value + 
    existingCoin[0].value;

    } else {
    const newTr = document.createElement("tr");
    const nameTh = document.createElement("th");
    const priceTh = document.createElement("th");
    const amountTh = document.createElement("th");
    const valueTh = document.createElement("th");

    nameTh.innerText = coinName;

    if (coinPrice < 0.95) {
        priceTh.innerText = parseFloat(coinPrice).toFixed(8);
    } else {
        priceTh.innerText = parseFloat(coinPrice).toFixed(2);  
    };

    amountTh.innerText = coinAmount.value;
    
    amountTh.className += coinName;

    if (coinValue < 0.95) {
        valueTh.innerText = parseFloat(coinValue).toFixed(8);
    } else {
        valueTh.innerText = parseFloat(coinValue).toFixed(2);  
    };

    walletCryptos.appendChild(newTr);
    walletCryptos.appendChild(nameTh);
    walletCryptos.appendChild(priceTh);
    walletCryptos.appendChild(amountTh);
    walletCryptos.appendChild(valueTh);
    }});
    };

我认为问题可能出在这部分代码上：

    let existingCoin = document.querySelectorAll(amountClass);

我可以改变什么来使它正常工作？ 是否有任何其他解决方案来检查具有特定类的元素是否存在？

Answer 1

你需要一个. 一开始就选课。

修剪文本内容，以防文本周围有空格。

const coinName = coinRow.querySelector('.name').textContent.trim();
let amountClass = '.' + coinName

Answer 2

最后我找到了解决方案：

const amountClass = '.' + coinName;
    const existingCoin = document.querySelectorAll(amountClass.replace(/ /g,''));