前端大佬帮忙看一下吧~

气味

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



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

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

不是把获取到的值在shuchu88这个层里面输出

class名称在页面中确定只出现一次






--------------------------注释掉下面------------------------------

怎么通过div的class名获取该div的id值，并在页面中输出这个值。

文言一心的回答



照样子复制下来



为啥MJJ这个层的id名称还是shuch 而不是test-id 呢




--------

找到了

额 原来是不小心把</div>写成了</a>


-----

额 还是不行啊

Prk

气味 发表于 2023-12-5 18:30
好吧不能同时存在两个相同的ID 那看来是没法实现了

原本的场景是这样的

${icurrentId1}2 是模板字符串 最后如果原来 ID 是 abc 那么就变成了 abc2

id 是唯一的 所以必须要改

但是为什么你的业务逻辑不能进行呢？

气味

Prk 发表于 2023-12-5 18:06
顺便提醒你一下 id 是唯一的 所以前面的 id 务必要先改掉 保证无论什么情况都不要有任何一毫秒存在两个同 ...

好吧不能同时存在两个相同的ID 那看来是没法实现了

原本的场景是这样的
一个在线客服 对话窗口打开的那个层 id是随机变化 但是这层的class不变

想改成用自己的图片链接 通过这个id值 用display实现在线客服原先点击客服图标打开对话窗口的效果

气味

Prk 发表于 2023-12-5 17:58
简单给你写了一下

额 这是把 i_don-t_know 这个值给改成 ${icurrentId1}2 了啊

Prk

Prk 发表于 2023-12-5 17:59
浏览器也能正常处理

顺便提醒你一下 id 是唯一的 所以前面的 id 务必要先改掉 保证无论什么情况都不要有任何一毫秒存在两个同一个 ID 所以要先改自身

Prk

Prk 发表于 2023-12-5 17:58
简单给你写了一下

浏览器也能正常处理



值得注意的是，我在 const newId 的那一行使用了 ES6 的模板字符串，请确保使用现代化新浏览器才能正常使用。（支持 ES6 语法的）

Prk

气味 发表于 2023-12-5 17:46
大佬来了

简单给你写了一下

气味

nib 发表于 2023-12-5 17:46
这样？

还是不行

气味

Prk 发表于 2023-12-5 17:40
const elements = document.getElementByClassName('class_name') 这个 API 返回的是一个数组

也就是

大佬来了


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



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

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

class名称在页面中确定只出现一次

nib

气味 发表于 2023-12-5 17:30
额 貌似不行

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

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

2023-12-5 17:45 上传

点击文件名下载附件

setTimeout(function(){
    let div = document.querySelector('.test-style');
    if(div){
        document.querySelector('#shuchu88').innerText = div.id;
    }
}, 1000)