的Javascript：檢查::在元素

Question

後，我有一個非常簡單的元素：

如何我可以檢查這個元素包含::使用Javascript後？

（我有使用document.getElementsByTagName('h2')[0]元素）

我不知道事情是如何工作的，我也不需要知道，我只需要代碼來查看它是否存在...

在某些情況下，元素看起來像這樣：

我需要能夠檢測到兩種情況，如果可能的話！

Answer 1

檢查此鏈接，介紹瞭如何在純JavaScript中使用它（可能只在新的瀏覽器工作）：http://davidwalsh.name/pseudo-element

編輯：如果你是要編輯什麼的內容：後，參照此SO問題：Selecting and manipulating CSS pseudo-elements such as ::before and ::after using jQuery

Answer 2

這將是這樣的：

var pre = onload; // assign previous onload if any 
onload = function(){ // onload wrapper start 
if(pre)pre(); // execute previous onload in the new onload 
var doc = document, h2a = doc.getElementsByTagName('h2'); 
var afterIn = [], afterOut = []; 
for(var i=0,l=h2a.length; i<l; i++){ 
    var h2 = h2a[i]; 
    if(h2.value.match(/\:\:after/)){ 
    afterIn.push(h2); 
    } 
    else{ 
    afterOut.push(h2); 
    } 
} 
for(var i=0,l=afterIn.length; i<l; i++){ 
    console.log(afterIn[i].value); 
} 
for(var i=0,l=afterOut.length; i<l; i++){ 
    console.log(afterOut[i].value); 
} 
} // onload wrapper end