为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

慕容708150 2023-01-06 09:39:06

当我收到有关向 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);

  });

};


查看完整描述

1 回答

?
互换的青春

TA贡献1547条经验 获得超6个赞

创建一个 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')


查看完整回答
反对 回复 2023-01-06
  • 1 回答
  • 0 关注
  • 13 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信