将 link 添加到 Javascript 中的 .textcontent

Question

当我收到有关向 symbolSpan 添加 link 的帮助时，我现在得到了 link，但符号显示在页面底部而不是 table与其余数据...我该如何解决？

const renderBalances = balances => {
  //
  binanceBalances.innerHTML = "";
  //
  //console.log(balances);
  balances.forEach(balance => {
    let balanceLi = document.createElement("li");
    balanceLi.className = "list-group-item list-group-item-justify-content-center";
    let balanceDiv = document.createElement("div");
    balanceDiv.className = "d-flex w-100 justify-content-between"; 

        let symbolSpan = document.createElement("span");
        symbolSpan.textContent = balance.symbol;
     //   balanceDiv.appendChild(symbolSpan);
        function createLink(linkExtension) {
    
          const balanceDiv = document.createElement("div");
          const symbolSpan = document.createElement("span");
          const link = document.createElement("a");
        
          link.setAttribute('href', `www.binance.com/en/trade/${linkExtension}`);
          link.textContent = balance.symbol;
        
          symbolSpan.appendChild(link);
          balanceDiv.appendChild(symbolSpan);
          document.body.appendChild(balanceDiv);
        }
    createLink('myparam')

这是此 table

的其余代码

    let price = document.createElement("span");
    price.textContent = balance.startPrice;
    balanceDiv.appendChild(price);
    let available = document.createElement("span");
    available.textContent = balance.holdings;
    balanceDiv.appendChild(available);
    let onOrder = document.createElement("span");
    onOrder.textContent = balance.used;
    balanceDiv.appendChild(onOrder);

    balanceLi.appendChild(balanceDiv);

    binanceBalances.appendChild(balanceLi);
  });
};

Answer 1

创建一个跨度和一个 link html 元素。对于 link 元素附加文本和 href 属性。

将 link 元素附加到 span 和 span 到 div。最后追加到 DOM.

传递需要附加到 link 的附加参数。

function createLink(linkExtension) {

  const balanceDiv = document.createElement("div");
  const symbolSpan = document.createElement("span");
  const link = document.createElement("a");

  link.setAttribute('href', `www.binance.com/en/trade/${linkExtension}`);
  link.textContent = 'binance link';

  symbolSpan.appendChild(link);
  balanceDiv.appendChild(symbolSpan);
  document.body.appendChild(balanceDiv);
}


createLink('myparam')

将 link 添加到 Javascript 中的 .textcontent

add link to .textcontent in Javascript

javascript

hyperlink

electron