Change link text

[contact]

I need to change all the links on my site that say "more information"
to something else. Unfortunately I don't have access to change the
component that places these links in the first place, so I need to use
Javascript at runtime to go through, find each instance of a link with
the above string and change it. Is there a good cross-browser way of
achieving this? Is HTMLAnchorEleme nt a good place to start?

Thanks

[web.dev]

co*****@nelsonf ord.net wrote:

I need to change all the links on my site that say "more information"
to something else. Unfortunately I don't have access to change the
component that places these links in the first place, so I need to use
Javascript at runtime to go through, find each instance of a link with
the above string and change it. Is there a good cross-browser way of
achieving this? Is HTMLAnchorEleme nt a good place to start?

Thanks

This should give you a start. It's very simple and not very
comprehensive. This sample really works in the case such as:

<a href = "uri">more information</a>

sample script:

var anchors = document.getEle mentsByTagName( "a");

for(var i = 0; i < anchors.length; ++i)
{
if(anchors[i].firstChild.dat a == "more information")
{
anchors[i].replaceChild(d ocument.createT extNode("new info"),
anchors[i].firstChild);
}
}

[Gérard Talbot]

web.dev a écrit :

co*****@nelsonf ord.net wrote:

I need to change all the links on my site that say "more information"
to something else. Unfortunately I don't have access to change the
component that places these links in the first place, so I need to use
Javascript at runtime to go through, find each instance of a link with
the above string and change it. Is there a good cross-browser way of
achieving this? Is HTMLAnchorEleme nt a good place to start?

Thanks

This should give you a start. It's very simple and not very
comprehensive. This sample really works in the case such as:

<a href = "uri">more information</a>

sample script:

var anchors = document.getEle mentsByTagName( "a");

Also
var arrLinks = document.links;
http://www.w3.org/TR/DOM-Level-2-HTM...tml#ID-7068919

for(var i = 0; i < anchors.length; ++i)
it should be i++, not ++i
{
if(anchors[i].firstChild.dat a == "more information")
{
anchors[i].replaceChild(d ocument.createT extNode("new info"),
anchors[i].firstChild);
}
}

for(var LinkIterator = 0; LinkIterator < arrLinks.length ; LinkIterator++)
{
if(arrLinks[LinkIterator].firstChild.nod eValue == "more information")
{
arrLinks[LinkIterator].firstChild.nod eValue = "new info";
};
};

Gérard
--
remove blah to email me

[Richard Cornford]

Gérard Talbot wrote:

web.dev a écrit :

<snip>

for(var i = 0; i < anchors.length; ++i)

it should be i++, not ++i

<snip>

There is no should here. In context pre-increment and post-increment
will have the same outcome, and pre-increment is theoretically the more
efficient operator.

Richard.

[contact]

Thanks all, for your help. I'm getting an object required error on this
line:

if(arrLinks[LinkIterator].firstChild.nod eValue == "more information")

I've added this code to the bottom of my page. Any ideas?

[contact]

test