サーバレス練習帳

何事もシンプルに!

chrome拡張でdomを挿入するぞ!

serverless.hateblo.jp

cly7796.net

まずは、エレメントを埋め込むプログラムです。
insertAdjacentHTMLではなく、appencChildを使った。

    //(1) なぜか、eの画面にはbodyが2つあり・・・これ↓↓↓では動かない。
    //document.body.insertAdjacentHTML('beforeend', '<p>beforeend</p>');
 
    //(2) かといって、これでも動かない。
    //var bodys = document.getElementsByTagName('body');
    //window.alert('ここまで動いた!1');
    //window.alert(bodys[0]);  
    //bodys[0].insertAdjacentHTML('beforeend', '<p>beforeend</p>');
 
    //(3) これなら埋め込めた
    var p = document.createElement("p");
    p.innerHTML = '<p>beforeend</p>';
    document.body.appendChild(p);

そして、次は右クリックアクションです。
www.sejuku.net