在Shadow DOM中执行JavaScript

Question

在Chrome扩展程序中，我将内容脚本注入页面中以创建各种小部件。

我正在使用影子DOM以避免样式冲突。在下面的示例中，我无法弄清楚如何触发Javascript：

content.js

//inject container div from Chrome Extension content script
var container = document.createElement('div');
container.setAttribute('id', 'myContainer');
container.setAttribute('style', 'all: initial');
document.body.appendChild(container);

//create shadow DOM within container
var theShadow = document.querySelector('#myContainer').attachShadow({mode: 'open'});

theShadow.innerHTML = `
    <div id="findMe">hello</div>
    <script>
        var a = document.querySelector("#findMe");
        console.log(a.innerHTML);
    </script>
`;