:before i :after w js

0

W jaki sposób mogę się dostać za pomocą js do właściwości pseudoelementu np. :before jakiegoś konkretnego elementu na stronie? Wydaje mi się, że gdzieś kiedyś wpadłem na taką informację, ale jak by mi się przydało, to nie mogę nigdzie znaleźć :/

0

prze DOMa
nextSibling dla after
prevoiusSibling dla before
Dostaniesz wtedy poprzedni i następny węzeł. Jeżeli masz xmla w postaci kanonicznej to dostaniesz porzedni/nastęþny element html.
Inną metodą, która działa tylko w IE, jest użycie outerHTML. Metoda ta działa w ten sposób, że zwraca wszystko to co innerHTML plus znaczniki html elementu na którym zostanie użyta:

<div id="id">Lorem Impsum</div>
alert(document.getElementById("id").outerHTML) // zwróci <div id="id">Lorem Impsum</div>

można oczywiście symulować działanie tej funkcji dla innych przeglądarek, ale jest to kłopotliwe.

//pisałem z nie swojego kompa a nie mam API w głowie choler#@# IDE z podpowiadaniem składni
//Sibling. Lepiej el.previous/nextSibling - n

0

nextSibling dla after
prevoiusSibling dla before

Nie jestem pewien, czy Sasikowi o to chodzi. Moim zdaniem pytanie dotyczy CSS. To, co mogę doradzić, to wpisanie w google zapytania:
javascript getcomputedstyle cssrules
Jeżeli to się da zrobić (a pewnie się da), to podejrzewam, że właśnie tymi metodami.

0

Dzięki! Na getComputedStyle się kiedyś natknąłem (chyba nawet gdzieś tego używam :P) i tego szukałem, a previous/nextSibling nie znałem i to był mój błąd. Dzięki jeszcze raz!

Mogłem dodać, że IE mnie nie obchodzi - piszę dla siebie i tylko pod FF.

1 użytkowników online, w tym zalogowanych: 0, gości: 1