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

xnpivemc

用下面的js无效

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

复制代码

提示下面错误

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

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

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

提前感谢！！

yy10112001

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

你艾希我奶妈

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

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

复制代码

xnpivemc

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

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

xnpivemc

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

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

你艾希我奶妈

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

那就插body里去，body一直在

lancolor

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  老哥这个是啥意思呀 晕 怎么解决呀

xnpivemc

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

嗯，只能这样了

你艾希我奶妈

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

直接在下边放个README 不香吗

Youhavelight

load事件后再操作。