javascript - 创建一个加载时广告的元素，没有 JQuery

Question

通常，Google 广告可以在 HTML 文档中声明如下：

<div id="myAds">
    <ins class="adsbygoogle"
         style="display:inline-block;width:160px;height:600px"
         data-ad-client="ca-pub-1234567890"
         data-ad-slot="0987654321">
    </ins>
</div>

但是，我需要在页面加载时有条件地插入该广告元素。如何<ins>在 Javascript 中动态创建这样的元素？我正在寻找没有 JQuery 的代码示例。

Answer 1

显然，以下工作：

    var myAds = document.getElementById("myAds");

    var frag, elem;

    frag = document.createDocumentFragment();
    elem = document.createElement('ins');

    frag.appendChild(elem);

    elem.className += "adsbygoogle";
    elem.setAttribute("style", "display:inline-block;width:160px;height:600px");
    elem.setAttribute("data-ad-client", "ca-pub-1234567890");
    elem.setAttribute("data-ad-slot", "0987654321");

    myAds.appendChild(frag);