PerformanceElementTiming: id プロパティ

利用可能性は限定的

この機能はベースラインではありません。最も広く使用されているブラウザーの一部で動作しません。

Want more support for this feature? Tell us why.

もっと詳しく
完全な互換性情報を見る

Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

id は PerformanceElementTiming インターフェイスの読み取り専用プロパティで、関連付けられた要素の id を返します。

この例では<img>要素にelementtiming属性を追加して監視しています。 PerformanceObserver は "element" 型のパフォーマンス項目をすべて取得するために登録され、オブザーバー作成前のデータにアクセスするために buffered フラグが使用されます。これはコンソールに myImage とログ出力します。これは画像要素の id です。

html

<img
 src="image.jpg"
 alt="a nice image"
 elementtiming="big-image"
 id="myImage" />

const observer = new PerformanceObserver((list) => {
 list.getEntries().forEach((entry) => {
 if (entry.identifier === "big-image") {
 console.log(entry.id);
 }
 });
});
observer.observe({ type: "element", buffered: true });