trouble accessing a pseudo element

[ctoz]

I have a bunch of elements formed this way:

<p class="T">some text</p>

and some css:

.T:after { position:relative; visibility:hidden; content: " more text." }

Having trouble accessing "T:after" to change the visibility. Something like:

var elT = document.getElementsByClassName("T")

function changeT() {
	for (i=0; i<elT.length; i++) {
if (elT.item(i).firstChild:after.style.visibility == "hidden") {
		elT.item(i).firstChild:after.style.visibility = "visible") }	
	}
}

Any suggestions?

[ctoz]

Seems like it's not possible: alternative to changing a a css rule is to write it in: this means doing it two ways, MSIE's and everyone elses':

http://www.quirksmode.org/dom/w3c_css.html

Sure to be posting again.