javascript - 如何在div内以编程方式添加脚本元素和ins？

题：

我想做类似的事情：

var code = (<ins>...</ins><script>...</script>)

document.getElementById("rightScroll").append(code);

正确的语法是什么？

编辑：当然，这种语法是不正确的，这就是为什么我要在这里寻求解决方案。



情况：

每当用户滚动rightScroll时，该元素将被添加到100vh中。

最佳答案

您需要将元素创建为dom元素：

var ins = document.createElement("ins");
ins.className = 'adsbygoogle';
ins.style = 'display:block;width:300px;height:600px;margin-bottom: 20px;';
var attClient = document.createAttribute('data-ad-client');
attClient.value = '...';
ins.setAttributeNode(attClient);
var attSlot = document.createAttribute('data-ad-slot');
attSlot.value = '...';
ins.setAttributeNode(attSlot);

var myScript = document.createElement("script");
myScript.setAttribute('type', 'text/javascript');
myScript.innerHTML = '(adsbygoogle = window.adsbygoogle || []).push({});';

var rightScroll = document.getElementById("rightAdScroll");
rightScroll.appendChild(ins);
rightScroll.appendChild(myScript);

小提琴：https://jsfiddle.net/9tdn2qcd/1/

关于javascript - 如何在div内以编程方式添加脚本元素和ins？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43596299/