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 HTMLAnchorElement a good place to start?

Thanks

 

[web.dev]

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 HTMLAnchorElement 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.getElementsByTagName("a");

for(var i = 0; i < anchors.length; ++i)
{
if(anchors.firstChild.data == "more information")
{
anchors.replaceChild(document.createTextNode("new info"),
anchors.firstChild);
}
}

 

[Gérard Talbot]

web.dev a écrit :

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.getElementsByTagName("a");

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

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

it should be i++, not ++i

{
if(anchors.firstChild.data == "more information")
{
anchors.replaceChild(document.createTextNode("new info"),
anchors.firstChild);
}
}

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

Gérard

 

[Richard Cornford]

web.dev a écrit :

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.nodeValue == "more information")

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

 

[contact]

test