ノードがHTML内に存在するかを調べる６つの方法 - Qiita

はじめに ノードがHTML内に存在するとは、開発ツール(DevTools)でHTMLを見たときノードが存在するということです。 HTML内に存在しないノードは、削除したノードやcreateElementで作成したばかりのノードです。これらはプログラミング内で変数として存在し得るがHTML内に存在しません。 ReactなどのSPAなページで動的に変化するノードをブックマークレットやユーザースクリプトから操作しようとしたときノードがHTML内に存在しないことが問題になることがあります。 6つの方法 1. getBoundingClientRectを使う方法 function exist_in_html_1(node) { var bcr = node.getBoundingClientRect(); return bcr.height > 0 || bcr.bottom !== 0; }