LoginSignup
8
6

More than 3 years have passed since last update.

ウェブページを崩壊させてみたいときに唱える呪文

Last updated at Posted at 2021-03-03

ウェブページの見た目を崩壊させてみたいときに唱える呪文(JavaScript)です。

ウェブページを開いて、開発ツールのコンソールに下記コードをおもむろにペーストして実行。

var lastEl;
var whileLastEl = () => {
  var el = document.lastElementChild;
  while (el !== null) {
    el = el.lastElementChild;
    if (el !== null) {
      lastEl = el;
    }
  }
}
var removeEl = () => {
  el = document.lastElementChild;
  whileLastEl();
  lastEl.remove();
  var timeoutId = setTimeout(removeEl, 100);
    if (lastEl.tagName === 'BODY') {
      clearTimeout(timeoutId);
    }
 }
setTimeout(removeEl, 100);

ウェブページを一番下までスクロールしてみてください。
ひとつずつ要素が消えていきます。

もう少し詳しく説明すると、
DOM ツリーの、末っ子要素の、末っ子要素の、末っ子要素
という具合に null が返されるまで捜査して一番最後の要素を消します。

これを 100ミリ秒ごとに DOM 要素がBODY になるまで繰り返します。

クリックなど、何かイベントに仕込んでもいいかもしれません。

8
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
8
6