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

xnpivemc · 发表于 2022-8-9 09:49:30

用下面的js无效

document.querySelector("div.root-box").insertAdjacentHTML("beforeend","<a href='mailto:test@gmail.com'>联系&留言</a>");

复制代码

提示下面错误

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

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

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

提前感谢！！

yy10112001 · 发表于 2022-8-9 10:04:36

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

你艾希我奶妈 · 发表于 2022-8-9 10:05:36

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

setTimeout(function(){document.querySelector("div.root-box").insertAdjacentHTML("beforeend","<a href='mailto:test@gmail.com'>联系&留言</a>");},1000)

复制代码

xnpivemc · 发表于 2022-8-9 10:10:19

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

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

xnpivemc · 发表于 2022-8-9 10:11:21

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

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

你艾希我奶妈 · 发表于 2022-8-9 10:13:35

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

那就插body里去，body一直在

lancolor · 发表于 2022-8-9 10:14:00

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:16:44

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

嗯，只能这样了

你艾希我奶妈 · 发表于 2022-8-9 10:20:07

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

直接在下边放个README 不香吗

Youhavelight · 发表于 2022-8-9 10:21:38

load事件后再操作。

		自动登录	找回密码
密码			注册

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