M
Mel
can someone post a simple javascript to change the text of the <href> for me
?
thanks
?
thanks
L
Lee
Mel said:
What is "the text of the <href>" ?
The visible text of the link, or the href attribute value?
What is "the text of the <href>" ?
The visible text of the link, or the href attribute value?
M
Mel
< a href=xxx>ABCD</a>
ABCD is what i need to change
thanks
ABCD is what i need to change
thanks
L
Lee
Mel said:
<a id="Link1" href="xxx">ABCD</a>
<script type="text/javascript">
document.getElementById("Link1").innerHTML="WXYZ";
</script>
< a href=xxx>ABCD</a>
ABCD is what i need to change
thanks
<a id="Link1" href="xxx">ABCD</a>
<script type="text/javascript">
document.getElementById("Link1").innerHTML="WXYZ";
</script>
R
RobG
Lee said:Mel said:
[...]< a href=xxx>ABCD</a>
ABCD is what i need to change
thanks
<a id="Link1" href="xxx">ABCD</a>
<script type="text/javascript">
document.getElementById("Link1").innerHTML="WXYZ";
</script>
A couple of other alternatives:
Really simple:
<a id="Link1" href="#" onclick="
this.innerHTML = 'WXYZ';">ABCD</a>
With a function, passing a reference:
<a id="Link1" href="#" onclick="modText(this);">ABCD</a>
<script type="text/javascript">
function modText(ele){
ele.innerHTML="WXYZ";
}
</script>
As above, but using DOM rather than the non-standard innerHTML:
<a id="Link1" href="#" onclick="modText(this);">ABCD</a>
<script type="text/javascript">
function modText(ele){
ele.childNodes[0].nodeValue = "WXYZ";
}
</script>
R
RobB
Mel said:
<html>
<head>
<style type="text/css">
a {display: block; font: 500% tahoma; color: crimson;}
</style>
<script type="text/javascript">
function setLinkText(sLink_id, sText)
{
var el;
if (document.getElementById
&& (el = document.getElementById(sLink_id))
|| document.all
&& (el = document.all[sLink_id]))
{
while (el.hasChildNodes())
el.removeChild(el.lastChild);
el.appendChild(document.createTextNode(sText));
}
}
onload = function()
{
setTimeout("setLinkText('foo1', 'zippity');", 2000);
setTimeout("setLinkText('foo2', 'doo');", 3000);
setTimeout("setLinkText('foo3', 'dah !');", 3500);
}
</script>
</head>
<body>
<a id="foo1" href="#">z</a>
<a id="foo2" href="#">d</a>
<a id="foo3" href="#">d</a>
</body>
</html>