全球主机交流论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

CeraNetworks网络延迟测速工具IP归属甄别会员请立即修改密码
楼主: 气味
打印 上一主题 下一主题

[疑问] 前端大佬帮忙看一下吧~

[复制链接]
11#
 楼主| 发表于 2023-12-5 17:14:09 | 只看该作者
nib 发表于 2023-12-5 16:33
试试
document.addEventListener("DOMContentLoaded", function(event) {
    let divList = document.getE ...

怎么使用
12#
发表于 2023-12-5 17:23:42 | 只看该作者

不知道为啥直接发不出来,放script里就行
屏幕截图 2023-12-05 172114.png (63.53 KB, 下载次数: 0)
13#
 楼主| 发表于 2023-12-5 17:30:21 | 只看该作者
nib 发表于 2023-12-5 17:23
不知道为啥直接发不出来,放script里就行


额 貌似不行

是想用这段js后 直接获取 上面那个id值 然后用那个值自动置换掉下面那个



上面那个id值在页面刷新后随机出现

所以希望没刷新一次 就自动获取这个值 并直接把这个值赋到原先为shuchu88这个id
14#
发表于 2023-12-5 17:36:16 | 只看该作者
这种比较基础的问题,一般问AI就能解决了
15#
发表于 2023-12-5 17:40:42 | 只看该作者
const elements = document.getElementByClassName('class_name') 这个 API 返回的是一个数组

也就是

elements[0]
elements[1]
elements[2]
... ...

你可以 console.log(elements) 看一下这个数组

下标从 0 开始,不过我真的想不到你的使用需求。。。
如果你能确定这个类名就用这一次还好,否则的话你就要写循环遍历内容。

你可以 elements.forEach(e => { xxx });

然后在 xxx 里面拿你的业务逻辑,这里的 e 就是对应的 DOM 元素,你可以做一些判断

当然,最好是告诉业务逻辑,要不然没办法告诉你这里面怎么细写,因为类名是可以复用的,ID 才是唯一的。
16#
发表于 2023-12-5 17:46:10 | 只看该作者
气味 发表于 2023-12-5 17:30
额 貌似不行

是想用这段js后 直接获取 上面那个id值 然后用那个值自动置换掉下面那个


这样?
屏幕截图 2023-12-05 174449.png (53.82 KB, 下载次数: 0)

setTimeout(function(){
    let div = document.querySelector('.test-style');
    if(div){
        document.querySelector('#shuchu88').innerText = div.id;
    }
}, 1000)
17#
 楼主| 发表于 2023-12-5 17:46:54 | 只看该作者
Prk 发表于 2023-12-5 17:40
const elements = document.getElementByClassName('class_name') 这个 API 返回的是一个数组

也就是

大佬来了


是想用这段js后 直接获取 上面那个id值 然后用那个值自动置换掉下面那个



上面那个id值在页面刷新后随机出现

所以希望每刷新一次 就自动获取这个值 并直接把这个值赋到原先为shuchu88这个id

class名称在页面中确定只出现一次
18#
 楼主| 发表于 2023-12-5 17:49:23 | 只看该作者

还是不行
19#
发表于 2023-12-5 17:58:04 | 只看该作者

简单给你写了一下
20#
发表于 2023-12-5 17:59:29 | 只看该作者
Prk 发表于 2023-12-5 17:58
简单给你写了一下

浏览器也能正常处理



值得注意的是,我在 const newId 的那一行使用了 ES6 的模板字符串,请确保使用现代化新浏览器才能正常使用。(支持 ES6 语法的)
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|全球主机交流论坛

GMT+8, 2026-1-7 07:24 , Processed in 0.077570 second(s), 11 queries , Gzip On, MemCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表