[RESOLVED] DOM::AppendChild How do I change font size of an <a> tag text node?

[tcarnes]

Related to my earlier post about building a Table of Contents before displaying an HTML stream, I now need to insert into the HTML a "Back to Top" <a> tag for each point where the TOC would take the user.

Now, I have been able to do this successfully, the code is below. My question is how can I change the size of the displayed text, "Back to Top". I tried:

$newElement->appendChild($domTranObj->createTextNode('<font size="-2">Back to Top of Label</font>'));

But all that happened is the font codes ended up being printed as entered.

Any idea what I am doing wrong?

My code:

foreach ($linkPairs as $key=>$value) 
{
	$elements = $xpath->query('//a[@name="'.$value.'"]/following-sibling::h1[1]');
	if (count($elements) > 0) {
		foreach ($elements as $anode) {
			$newElement = appendSibling(new DOMElement('a'),$anode);
			$newElement->setAttribute("href","#toc");
			$newElement->appendChild($domTranObj->createTextNode('<font size="1">Back to Top of Label</font>'));
		}
	}
}

[sneakyimp]

you are using createTextNode which assumes that all supplied text is not HTML but plain text. You would either need to a) create an additional text node that is a <font> node and then create a text node inside that saying "Back To Top..." OR b) you could assign the innerHTML of the object your are creating in which case the HTML should be parsed.

or C)
Set the className property of the new node to a class which has a larger font size.

[tcarnes]

Thank you. I took option C and the class works just fine.