时间戳

首页 > 解决方案 > 如何在同一页面中插入多个小部件？

javascript - 如何在同一页面中插入多个小部件？

问题描述

我想在尝试复制和粘贴的单个页面（HTML）上插入多次，但它没有用。

<a 
    class="minerstat-widget" 
    title="BTC mining calculator" data-coin="BTC" 
    data-algo="SHA-256" 
    data-info="no" 
    data-style="light" 
    data-color="" 
    data-unit="TH" 
    data-hashrate="100" 
    data-width="300" 
    rel="nofollow" 
    href="https://minerstat.com/coin/BTC">Bitcoin mining calculator</a>
<script async src="https://api.minerstat.com/v2/widgets/coin.js" charset="utf-8"></script>

输出：

输出

输入：

输入

标签： javascripthtml

解决方案

根据您需要的行在循环中运行标签

<script async src="https://api.minerstat.com/v2/widgets/coin.js" charset="utf-8"></script>

<div id="bitcoin">
</div>

<script>
for(var i=1; i<=10; i++) {
        var newspan = document.createElement('span');
    newspan.innerHTML = '<a class="minerstat-widget" title="BTC mining calculator" data-coin="BTC" data-algo="SHA-256" data-info="no" data-style="light" data-color="" data-unit="TH" data-hashrate="100" data-width="300" rel="nofollow" href="https://minerstat.com/coin/BTC">Bitcoin mining calculator</a><br>';
        document.getElementById('bitcoin').appendChild(newspan);
}
</script>

推荐阅读