JavaScript/DOM/HTMLElement/title

Die Eigenschaft HTMLElement.title setzt oder speichert den Wert, der im title-Attribut eines Elements vergeben wurde. Dieses bewirkt beim Darüberfahren mit der Maus, dass ein Tooltip zu dem Element angezeigt wird.

Syntax

const content = element.title;

• Der Wert des title-Attributs von element wird der Konstanten content zugewiesen.

element.title = content;

• Der evtl. vorhandene Inhalt des title-Attributs wird durch den Wert von content ersetzt.

Anwendungsbeispiel

Beispiel ansehen …

  function findeTitle(event) { 
     var text = 'Title: <span id="ausgabe">' +event.target.title + '</span>';
	 if (text == ''){
  	   text ='kein title vergeben!';
	 }
    document.getElementById("ausgabe").innerHTML = text;
  }

Das Beispiel enthält mehrere Elemente. Dieses erhalten mit dem Attribut title einen Tooltip-Text. Beim Darüberfahren mit der Maus erscheint der Tooltip als kleines Popup-Fenster. Der gleiche Text wird mit JavaScript noch einmal ausgegeben.

Weblinks

• W3C: 2.5.4. The HTMLElement interface title
• MDN: title