gpt4 book ai didi

javascript - 打开列表项作为新覆盖

转载 作者:行者123 更新时间:2023-11-28 16:03:20 32 4
gpt4 key购买 nike

我正在尝试创建一个列表,单击其中的每个元素都会打开一个新的覆盖层,并带有自己的覆盖文本。

这是 JSFiddle对于我到目前为止所做的尝试,但它不会起作用。理想情况下,单击 A 会打开一个横跨屏幕的半透明覆盖层,其中包含 Overlay Text - A 作为文本。

我用了W3CSchools' Overlay 的示例作为我的灵感。

我已经用 HTML、CSS 和 Javascript 编写了总共 3 天的代码,并尝试尽可能多地弄清楚一些东西。因此,如果您发现一些明显的错误或糟糕的编码风格,请向我指出,我会尽力确保按照您的指示进行操作。

谢谢!

最佳答案

这是一个工作 fiddle :

https://jsfiddle.net/kelvinsusername/xr0ed6ft/

我更改了一些 js(使用 getElementById 而不是 getElementByClass <- 我想你打算使用 getElementsByClass 来返回一个集合?):

document.getElementById("overlay").style.display = "block";

并重组 html 使其具有单个覆盖层,因此不会嵌套 onclicks - 将 onclick 嵌套在另一个具有 onclick 的元素中意味着两者都会运行(除非您停止事件传播)

关于javascript - 打开列表项作为新覆盖,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53403816/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com