将HTML插入到不可篡改的脚本中的div中

Question

如何在防篡改脚本中向div插入HTML？我试过

var htmlll= `
<button>hi</button>
`
document.getElementsByClassName("clasname").innerHTML += htmlll;

尽管它一直在说Uncaught (in promise) TypeError: Cannot read property 'innerHTML' of null。

我试过

document.addEventListener("DOMContentLoaded", function(event) {
var htmlll= `
<button>hi</button>
`
document.getElementsByClassName("clasname").innerHTML += htmlll;
});

以应对此错误，但它没有起作用。它没有给我一个错误，也没有附加html。

注意：我使用的是香草javascript。请不要用jquery解决方案回答。

Answer 1

应该是document.querySelector('.jspath') or '#jspath'，您错误地只写了jspath

Answer 2

它需要类似

document.getElementsByClassName("clasname")[0].innerHTML += htmlll;

因为.getElementsByClassName()返回集合而不是单个元素。