Die Länge eines Textes mit Javascript überprüfen

Die Anforderung war bei mehr als 50 Zeichen eine kleinere Schriftgröße anzuzeigen. Über 50 Zeichen wird eine CSS-Klasse in das Parent-Div einer h1 geschrieben.

Die Funktion ist in ein Drupal-Behavior eingebettet.

Drupal.behaviors.pageTitleLength = {
  attach: function (context) {

    const title = document.getElementsByTagName('h1', context);
    const titleLength = title[0].firstChild['length'];
    const parentDiv = title[0].parentNode;

    if (titleLength > 60) {
      parentDiv.classList.add('long-title');
    }

  }
};

 

Tags