在 Javascript 中添加指向 .textcontent 的链接

Question

当我收到有关向 symbolSpan 添加链接的帮助时，我现在获得了一个链接，但符号显示在页面底部，而不是与其余数据一起显示在表格中...我该如何解决？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')这是该表的其余代码    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

创建一个 span 和一个 link html 元素。对于链接元素，附加文本和 href 属性。

将 link 元素附加到 span 并将 span 附加到 div。最后附加到 DOM。

传递需要附加到链接的附加参数。

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')