Anchor collection inside html table

[ryan.mclean]

Hi all, I hope somebody here can help me, I am attempting to obtain a
reference to the anchors inside of a table. Here is what I have:

table = document.getElementById(a_strTableId);

for(var i = 0; i < table.rows.length; i++) {
for(var j = 0; j < table.rows[i].cells.length; j++) {
a = table.rows[i].cells[j].getElementsByTagName("A")
alert(a.href);
if (strCurrentpath = a.href) {
a[i].className = 'yellow';
a[i].parentNode.className = 'space_on_bottom';
}
}
}

What I am expecting is to obtain the hrefs of the anchors inside of the
given table. Is there a better way to achieve this? Can I not
getElementsByTagName like I am attempting?

Any help is greatly appreciated.

Have a nice night,
Ryan

[Stephen Chalmers]

<ry*********@gmail.com> wrote in message news:11**********************@o13g2000cwo.googlegr oups.com...

Hi all, I hope somebody here can help me, I am attempting to obtain a
reference to the anchors inside of a table. Here is what I have:

table = document.getElementById(a_strTableId);

for(var i = 0; i < table.rows.length; i++) {
for(var j = 0; j < table.rows[i].cells.length; j++) {
a = table.rows[i].cells[j].getElementsByTagName("A")
alert(a.href);
if (strCurrentpath = a.href) {
a[i].className = 'yellow';
a[i].parentNode.className = 'space_on_bottom';
}
}
}

What I am expecting is to obtain the hrefs of the anchors inside of the
given tabletable = document.getElementById('a_strTableId');
alert(a.href); // you need to specify a subscript here if (strCurrentpath = a.href) {
a[i].className = 'yellow';

You have used assignment '=' instead of equalty '=='

This will work, but still relies on each cell containing only one link:

for(var i = 0; i < table.rows.length; i++)
for(var j = 0; j < table.rows[i].cells.length; j++)
{
a = table.rows[i].cells[j].getElementsByTagName("A")

alert(a[0].href);

if (strCurrentpath == a[0].href)
{
a[i].className = 'yellow';
a[i].parentNode.className = 'space_on_bottom';
}
}

--
Stephen Chalmers
547265617375726520627572696564206174204F2E532E2072 65663A205451323437393134

[RobG]

ry*********@gmail.com wrote:

Hi all, I hope somebody here can help me, I am attempting to obtain a
reference to the anchors inside of a table. Here is what I have:

table = document.getElementById(a_strTableId);

for(var i = 0; i < table.rows.length; i++) {
for(var j = 0; j < table.rows[i].cells.length; j++) {
a = table.rows[i].cells[j].getElementsByTagName("A")
alert(a.href);
a is a collection and does not have an href attribute.
if (strCurrentpath = a.href) {
a[i].className = 'yellow';
a[i].parentNode.className = 'space_on_bottom';
}
}
}

What I am expecting is to obtain the hrefs of the anchors inside of the
given table. Is there a better way to achieve this? Can I not
getElementsByTagName like I am attempting?

var table = document.getElementById(a_strTableId);
var a = table.getElementsByTagName('a');

'a' will be a collection of the A elements inside the table. Presumably
'strCurrentpath' is a string passed to the function and represents some
URI. Fixing the '=' issue and using a appropriately:

for (var i=0, j=a.length; i<j; i++ ){
if ( strCurrentpath == a[i].href ) {
a[i].className = 'yellow';
a[i].parentNode.className = 'space_on_bottom';
}
}

[...]

--
Rob

[ryan.mclean]

Oh my gosh, I made such silly mistakes . . . thank you both for showing
me the error of my ways. Just when you start to think you're a web
developer :)

Have a great day!
Ryan