没有jquery的DOM注入

Question

我想知道如何使用DOM注入注入HTML标记,而不使用jquery库.

我们想要从外部javascript文件生成几个对象到原始页面,但是我们不想依赖于jquery(因为它是90kb)而且我们无法控制将使用我们脚本的站点.

Answer 1

要么使用

 object.innerHTML = "<br/><span>Text</span>"

或者使用appendChild:

 var child = element.appendChild(child);

https://developer.mozilla.org/en-US/docs/DOM/Node.appendChild?redirectlocale=en-US&redirectslug=DOM%2Felement.appendChild

两者都有效.