Change attribute value basing on existing value with Javascript

Question

I'll illustrate with an example: I need to convert the following html with javascript

<a href="aaa.kmz"></a>
<a href="eee.kmz"></a>
<a href="rrr.kmz"></a>
...

to code where all href values has changed only the last letter

<a href="aaa.kml"></a>
<a href="eee.kml"></a>
<a href="rrr.kml"></a>
...

I know how to retrieve a value of attribute and obviously it's simple to add something to this value but in this case I need to 'go inside'. — пацан
– пацан, Commented May 18, 2012 at 14:59

Richard Dalton · Accepted Answer · 2012-05-18 14:58:15Z

4

Get the a tags, loop through them and replace .kmz with .kml:

var tags = document.getElementsByTagName("a");

for(var i = 0, l = tags.length; i < l; i++) {
    tags[i].href = tags[i].href.replace('.kmz', '.kml');
}

Working Example - http://jsfiddle.net/Ln4s4/

answered May 18, 2012 at 14:58

Richard Dalton

35.8k6 gold badges75 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Change attribute value basing on existing value with Javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related