2013-04-01 68 views
0

我正在做一些CSS實驗,我想複製一些在Adobe Edge Animate中完成的操作。在該程序中,您可以創建100%唯一命名的div,避免在網站上運行相同名稱div的可能性。這方面的一個例子是廣告服務任何需要CSS的元素。即使我將really_cool_container命名爲id,總會有機會使用這個名稱運行到div,並完全打破整個頁面。添加時間戳到CSS ID

Edge能夠爲頁面上該容器的每個實例生成您的命名ID爲really_cool_container_028485020。這適用於兩次可能出現在頁面上的really_cool_container的兩個實例。

邊緣在某些方面可能會受到限制,所以我想找到一種方法爲每個實例(向下爲ms)添加時間戳值,以減少運行到類似ID的可能性。

邊緣也設法重命名該id,但在該id的所有實例中,以便其他腳本仍可引用它。

有誰知道如何通過純代碼做到這一點?

回答

0

爲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>