Ändern Sie den Text der Links mit einer bestimmten Klasse, mit Javascript

Question

Ich bin auf der Suche nach einer Möglichkeit, den Text aller Links mit einer bestimmten Klasse zu ersetzen, mit Javascript (nicht jquery). Ich möchte alle Links mit dieser spezifischen Klasse, um einen generischen Text zu haben, wie zum Beispiel: "Klicken Sie hier".

Jede Hilfe wäre apreciated, Dank fortschrittlicher

Answer 1

ich getElementsByClassName verwenden würde eine Reihe von Links zu erwerben. Sie können dann diese Elemente durchlaufen und Änderungen vornehmen.

Heres a Fiddle, das auch eine Validierung enthält, um nur den Text von Anchor-Tags zu checken, falls Sie targetClass für etwas anderes in anderen Elementen verwenden.

EDIT: sieht aus wie andere mich schlagen, um es :-) (auch Befestigungstyp in Funktion)

Answer 2

var links = document.querySelectorAll(".yourclass"); 
for (var i=0; i<links.length; links++) 
{ 
    links[i].innerHTML = "click here"; 
} 

Answer 3

Dies sollte den Trick. Es verwendet ES6, also stellen Sie sicher, dass Sie entweder Chrome Canary oder transpiler like Babel verwenden.

Sagen Sie diesen Markup ist ...

<a class="classname" href="#">STUBBED</a> 
<a class="classname" href="#">MOCKED</a> 
<a class="classname" href="#">PLACEHOLDER</a> 

Dies als JS funktionieren sollte ...

let refs = document.getElementsByClassName('classname'); 
refs = [].slice.apply(refs); 

refs.forEach(ref => ref.innerHTML = 'click here'); 

Answer 4

function myFunction() { 
    var c = document.querySelectorAll(".example>a"); 
    for(i=0;i<c.length;i++) 
    { 
     c[i].innerHTML = "Click Me!";   
    } 
} 

Dieser den Trick in reiner Javascript tun sollte