开发者问题收集

将 HTML 插入到 tampermonkey 脚本中的 div 中

2021-07-21
1411

如何在 tampermonkey 脚本中将 HTML 插入 div?我试过

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。

注意:我使用的是 vanilla javascript。请不要用 jquery 解决方案来回答。

2个回答

应该是 document.queryselector('。jspath')或'#jspath' 您错误地仅编写 jspath

Joy Dey
2021-07-21

它需要类似于

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

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

Carsten Massmann
2021-07-21