Thanks!
In poking at it I think I missing something about the object model or maybe just plain messing up.
The Sizzle api says it returns an array of DOMElement's. I'm not familiar with DOMElement's. I am familiar with the W3 DOM and HTMLElement's and Node's and such but when I try something like this it doesn't seem to work, i.e. the footer text is not affected.
In the Footer I put
<div style="font-size:20;color=green;">[<div class="myFooter"></div>]</div>
in the bottom JS I put
var eles = Sizzle(".myFooter");
for(var i = 0; i < eles.length; i++)
{
eles[i].innerHTML = "<b>some stuff</b>";
}
The [] appear in the footer, but not the text the JS was supposed to add.
http://www.danalphotos.com/Other/Quabbin-10-25-09/10087243_sPx5G#693362653_WcCdo
I'm guessing I am missunderstanding what a DOMElement is.
The code should generally work, but the way you have it called in your page won't work because of the timing of things. Your code was executing before the whole page had loaded and, more specifically, before the HTML that had .myFooter in it had loaded.
Try this:
YE.onDOMReady(SampleSizzleFunc);
function SampleSizzleFunc()
{
var eles = Sizzle(".myFooter");
for(var i = 0; i < eles.length; i++)
{
eles[i].innerHTML = "<b>some stuff</b>";
}
}
FYI, this HTML:
<div style="font-size:20;color=green;">
should be:
<div style="font-size:20px; color:green;">