Replacing links in html with JavaScript

Question

I am using some JS code to find all internal links on a page and add a subfolder to them. This code is used on translated pages so internal links to other translated pages are correct.

I want to have this code update all internal links, unless they have a class attribute.

If the class attribute exists, I want the link to be ignored by the JavaScript function.

<a class="noTranslateLink" href="domain.com"

<script>
    function replace_url(elem, attr) {
        var elems = document.getElementsByTagName(elem);
        for (var i = 0; i < elems.length; i++)
            elems[i][attr] = elems[i][attr].replace('<?php echo $_SERVER['HTTP_HOST'] ?>', '<?php echo $_SERVER['HTTP_HOST'] ?>/ru');
    }
    window.onload = function() {
        replace_url('a', 'href');
    }
</script>

Aman Jain · Accepted Answer · 2016-02-20 15:34:25Z

1

I have not tested, But this must work:

function replace_url(elem, attr) {
  var elems = document.getElementsByTagName(elem);
  for (var i = 0; i < elems.length; i++) {
    if (elems[i].getAttribute('class') != "noTranslateLink")
      elems[i].setAttribute(attr,elems[i].setAttribute(attr).replace('',''));

  }
}

edited Feb 20, 2016 at 15:34

answered Feb 20, 2016 at 14:48

Aman Jain

6675 silver badges17 bronze badges

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

2 Comments

h-y-b-r-i-d Over a year ago

Perfect, nice and simple. swap == for != to reverse condition. Great, thanks!

Aman Jain Over a year ago

Oh Yes, that was a tyop. Let me edit this in the answer :) Thanks!

gaetanoM · Accepted Answer · 2016-02-20 14:54:42Z

1

To select all anchor elements with no class attribute:

var elems = document.querySelectorAll(elem + ':not([class])');

The opposite is:

var elems = document.querySelectorAll(elem + '[class]');

answered Feb 20, 2016 at 14:54

gaetanoM

42.1k6 gold badges45 silver badges63 bronze badges

1 Comment

h-y-b-r-i-d Over a year ago

Thanks, hover it seems to work the same as my code.

<script> 	function replace_url(elem, attr) { 	    var elems = document.querySelectorAll(elem + ':not([noTranslate])'); 	    for (var i = 0; i < elems.length; i++) 	        elems[i][attr] = elems[i][attr].replace('<?php echo $_SERVER['HTTP_HOST'] ?>', '<?php echo $_SERVER['HTTP_HOST'] ?>/ru'); 	} 	window.onload = function() { 	    replace_url('a', 'href'); 	} </script>

Collectives™ on Stack Overflow

Replacing links in html with JavaScript

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related