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

Question

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

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

document.write()中的代码实际上是示例网页的html文档，其中包含scripts，styles，metas和所有其他可能的元素。

现在，我每次需要在sample-js-doc中显示body属性标记的任何元素中都运行此javascript代码。例如：<div sample-js-doc ></div>或<a sample-js-doc ></a>

目前，无论我将Javascrit放置在哪里，内容都会快速加载到那里。很好看但我还需要在存在sample-js-doc属性标记的其他地方调用它。

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

Answer 1

使用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>';
}