ウェブページの見た目を崩壊させてみたいときに唱える呪文(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 になるまで繰り返します。
クリックなど、何かイベントに仕込んでもいいかもしれません。