[疑问] 有用alist的大佬吗，如何用js在页面插入内容？

moe

2年前

用下面的js无效

document.querySelector("div.root-box").insertAdjacentHTML("beforeend","<a href=’mailto:[email protected]‘>联系&留言</a>");

复制代码

提示下面错误

Uncaught TypeError: Cannot read properties of null (reading ‘insertAdjacentHTML’)

这个错误网上搜索资料很少，也没见有效解决方法。

请问各位大佬，这应该如何解决？

提前感谢！！

找不到 "div.root-box" 这个元素

看了一下，貌似是插入的时候页面没加载好，所以报错
加个定时器，加载好之后插入

setTimeout(function(){document.querySelector("div.root-box").insertAdjacentHTML("beforeend","<a href=’mailto:[email protected]‘>联系&留言</a>");},1000)

复制代码

你艾希我奶妈发表于 2022-8-9 10:05
看了一下，貌似是插入的时候页面没加载好，所以报错
加个定时器，加载好之后插入
…

也觉得是这个原因，但添加延迟还是不行，请问还有其它解决方法吗？

yy10112001 发表于 2022-8-9 10:04
找不到 "div.root-box" 这个元素

检查页面是有的，猜测可能在加载前运行了，但添加脚本标签defer属性还是不行

xnpivemc 发表于 2022-8-9 10:10
也觉得是这个原因，但添加延迟还是不行，请问还有其它解决方法吗？

那就插body里去，body一直在

yy10112001 发表于 2022-8-9 10:04
找不到 "div.root-box" 这个元素

Get "https://cloud.189.cn/api/portal/loginUrl.action?redirectURL=https%3A%2F%2Fcloud.189.cn%2Fmain.action": dial tcp 14.116.220.47:443: connect: connection refused 老哥这个是啥意思呀晕怎么解决呀

你艾希我奶妈发表于 2022-8-9 10:13
那就插body里去，body一直在

嗯，只能这样了

xnpivemc 发表于 2022-8-9 10:16
嗯，只能这样了

直接在下边放个README 不香吗

load事件后再操作。