From: Ardis Lu <ardisglu@gmail.com>
Date: Tue, 22 Feb 2022 06:27:57 +0000 (-0800)
Subject: Simplify main selectors
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=38f8d2117ffed318252e3c12a4c5a0b4a235d6f8;p=ardislu.dev

Simplify main selectors
---

diff --git a/404.html b/404.html
index c0423fb..674a627 100644
--- a/404.html
+++ b/404.html
@@ -33,7 +33,7 @@
   <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/highlight.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/languages/powershell.min.js"></script>
   <script>
-    const article = document.getElementsByTagName('article')[0];
+    const article = document.querySelector('article');
     article.innerHTML = '<div class="skeleton-line"></div>'.repeat(20);
 
     const mapping = {
diff --git a/script.js b/script.js
index 77135af..d3a0a10 100644
--- a/script.js
+++ b/script.js
@@ -2,7 +2,7 @@ if ('serviceWorker' in navigator) {
   navigator.serviceWorker.register('/sw.js');
 }
 
-const main = document.getElementsByTagName('main')[0];
+const main = document.querySelector('main');
 const halfRemHeight = parseFloat(getComputedStyle(document.documentElement).fontSize) / 2;
 
 /* Generic element builders */