如何加载包含document.write的Javascript，并在网页中多次写入？

我在head标记中显示了一个javascript代码：

document.write('<script>..</script><style>..</style><a></a><script src".."></script>');

document.write（“…”）；

document.write（）

中的代码实际上是一个示例网页的html文档，其中包含

脚本

、

样式

、

元

以及所有其他可能的元素

现在我需要每次在

主体中显示
示例js doc
属性标记的任何元素中运行此javascript代码。例如：
或

目前，无论我在哪里放置javascrit，内容都会快速加载到那里。看起来不错。但是我还需要在存在
sample js doc
attribute标记的其他地方调用它

如何在不删除网页中所有其他元素的情况下修改javascript代码以实现此目的？
使用
querySelectorAll

var els = document.querySelectorAll('[sample-js-doc]');

for (i = 0; i < els.length; i++) {
    els[i].innerHTML = '<script>..</script><style>..</style><a></a><script src".."></script>';
}

var els=document.querySelectorAll（“[sample js doc]”）；
对于（i=0；i
对
脚本使用
.innerHTML
，但这一切都不起作用。