.title

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement.title

要素のtitleを表すプロパティで、通常表示されているノード上でマウスオーバーされると、このテキストがツールチップとして表示されます。

訳注: 2014年12月現在、以降の原文のポップアップ及び親要素からの継承の説明と実際のブラウザの挙動は異なると思われます。 titleを親要素から継承するような動作は確認できず、空文字をtitleに指定すると、その空文字がポップアップされます。下記の赤線に囲まれたサンプルが、原文にあったサンプルが実際に動いているものですので、ご確認ください。

マウスオーバーすると、"CoolTip"がポップアップされます

マウスオーバーしても、何もポップアップされません。

もしノードがtitle属性を持たない場合、デフォルトではその親ノードからtitle属性を継承し、その親ノードは更にその親ノードから継承しているかもしれません。

bug 264001によると、空文字列を設定したtitleは、デフォルトの継承の挙動を行います。継承をキャンセルするには、titleは空文字列では無い空白文字列を設定する必要があります。

<div title="CoolTip">
  <div title="">マウスオーバーすると、"CoolTip"がポップアップされます</div>
  <div title=" ">マウスオーバーしても、何もポップアップされません。</div>
</div>

文法

var string = element.title;
element.title = string;

例

button1.title = "click to refresh";

このページは、ページトップのURL先のMozilla Developer Network(以下、MDN)のコンテンツを翻訳した内容を基に構成されています。構成について異なる点も含まれますので、下記の項目を確認し、必要に応じて元のコンテンツをご確認ください。もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。

特定のブラウザに特化しすぎている情報やあまりにも古い情報、または試験的に導入されているようなAPIや機能については、省略していることがあります。
例やデモについて、実際にページ内で動作させる関係で一部ソースコードを変更している場合や、その例で使用しているコンテンツの単語や文章などを日本人向けに変更しいてる場合があります。
MDNの更新頻度が高いため、元のコンテンツと比べ情報が古くなっている可能性があります。
"訳注:"などの断わりを入れた上で、日本人向けの情報の追記を行っている事があります。