添加时间戳到CSS id

Add timestamp to CSS id

本文关键字：id CSS 时间戳 添加      更新时间：2023-09-26

我正在做一些css实验，我想复制一些在Adobe Edge Animate中完成的东西。在该程序中，您可以创建100%唯一命名的div，以避免在网站上遇到相同名称div的可能性。这方面的一个例子是任何需要css的元素的广告服务。即使我将某个东西命名为really_cool_container作为id，也总是有可能遇到使用该名称的div，从而完全中断整个页面。

Edge能够为页面上该容器的每个实例生成您的命名id，如really_cool_container_028485020。这适用于可能在页面上出现两次的really_cool_container的两个实例。

Edge在某些方面是有限的，所以我想找到一种方法来为每个实例添加时间戳值(精确到毫秒)，以减少遇到类似id的可能性。

Edge还设法重命名id，但在该id的所有实例中，以便其他脚本仍然可以引用它。

有人知道如何通过纯代码做到这一点吗?

对于Javascript的唯一方法，您可以尝试:

<div id="same"></div>
<div id="same"></div>
<div id="same"></div>
var divs = document.getElementsByTagName('div');
for(var i = 0;i < divs.length;i++){
    divs[i].id += "_"+(new Date().getTime()+i);
}
<div id="same_1364844463671"></div>
<div id="same_1364844463672"></div>
<div id="same_1364844463673"></div>
相关文章：