Link ändern

[lulu68163]

Hallo Leute,

ich versuche hier verzweifelt in einem Wordpress CMS den Link eines Breadcrumbs zu ändern und bekomme es einfach nicht hin.

Hier das HTML:

<div class="breadcrumb">
   <ul>
      <li><a href="http://bo-institut.de">Home</a></li>
      <li class="category-detail"><a href="http://bo-institut.de/service/filler-hyaluron/" title="Service">Service</a></li>
      <li class="category-detail active"> <a href="http://bo-institut.de/service/filler-hyaluron/" title="Filler Hyaluron">Filler Hyaluron</a></li>        
   </ul>
</div>

Der Link 'Service' soll in 'Ästhetik' geändert werden und neu verlinkt werden.

Das habe ich (mit diesem Fehler in der Console: Uncaught TypeError: cont.getElementsByClassName is not a function):

var cont = document.getElementsByClassName('breadcrumb');
var el = cont.getElementsByClassName('ul')[1];
var link = el.getElementsByTagName('a');

link.innerHTML = "Ästhetik";
link.href = "http://bo-institut.de/aesthetik/";

Ich danke schonmal für eure Hilfe!

 

[kkapsner]

getElementsByClassName gibt eine HTML-Collection zurück. Somit auch cont. Mach' das doch genauso wie bei el...

 

[andreax]

Der Fehler wird angezeigt weil cont ist die Collection von .breadcrumb
also muss cont[0] separiert werden.
2.Fehler ist dann dass nach ul als Klasse gesucht wird.
So währe es richtig.

var cont = document.getElementsByClassName('breadcrumb');
var el = cont[0].getElementsByTagName('ul');
var link = el[0].getElementsByTagName('a')[1];

link.innerHTML = "Ästhetik";
link.href = "http://bo-institut.de/aesthetik/";

Und das währe die Kurzform

var el = document.querySelectorAll('.breadcrumb a');
var link = el[1];

link.innerHTML = "Ästhetik";
link.href = "http://bo-institut.de/aesthetik/";