Question

我正在进行一些css实验，我希望复制一些在Adobe Edge Animate中完成的工作。在该程序中，您可以创建100％唯一命名的div，以避免在网站上遇到相同名称div的可能性。这方面的一个例子是广告服务任何需要css的元素。即使我将yes_cool_container命名为id，也总是有可能遇到具有此名称的div，并完全打破整个页面。

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

Edge在某些方面可能受到限制，所以我想找到一种方法为每个实例添加一个时间戳值（低至ms），以减少遇到类似id的可能性。

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

有没有人知道如何通过纯代码来做到这一点？

Answer 1

对于仅限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>

将时间戳添加到CSS ID

1 个答案: