2015-10-16 3 views
0

У меня есть очень простой элемент:
enter image description here
Как я могу проверить, если этот элемент содержит :: после использования Javascript?JavaScript: проверьте :: после элемента в

(у меня есть элемент, используя document.getElementsByTagName('h2')[0])

Я не знаю, как работает вещь, и мне не нужно знать, я просто нужен код, чтобы увидеть, если он существует ...

В некоторых случаях элемент выглядит следующим образом:
enter image description here
Мне нужно уметь обнаруживать оба случая, если это возможно!

ответ

0

Проверить эту ссылку, объясняет, как использовать его в простой JavaScript (может работать только в современных браузерах): http://davidwalsh.name/pseudo-element

Edit: если вы хотите, чтобы изменить то, что содержание: после того, как есть, ссылки на этот SO вопрос: Selecting and manipulating CSS pseudo-elements such as ::before and ::after using jQuery

+0

Просто ищет способ дифференцировать элементы ... – ManIkWeet

+0

Пробовал, работает: 'window.getComputedStyle (document.querySelector ('h2 '),': after '). getPro pertyValue ('background') 'отличается, когда :: after не существует, поэтому я могу работать с ним! – ManIkWeet

+0

Рад это слышать - я смотрел на селектора jQuery (https://api.jquery.com/category/selectors/), но похоже, что у них нет одного, поскольку это больше вещь CSS, чем HTML-код ... – RebelFist

1

было бы что-то вроде этого:

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 
+0

'document.getElementsByTagName ('h2') [0] .value' всегда не определено – ManIkWeet

+0

Запустите его' onload', в '', используя внешний' '. – PHPglue

Смежные вопросы