Replaced Element.innerText assignments w/ faster .textContent

adamlui · adamlui · commit ca18527aeda7 · 2025-05-09T20:43:06.000-07:00
diff --git a/chatgpt.js b/chatgpt.js
@@ -181,7 +181,7 @@ const chatgpt = {
                 modalStyle.setAttribute('last-updated', thisUpdated.toString())
                 document.head.append(modalStyle)
             }
-            modalStyle.innerText = ( // update prev/new style contents
+            modalStyle.textContent = ( // update prev/new style contents
                 `.chatgpt-modal { /* vars */
                       --transition: opacity 0.65s cubic-bezier(.165,.84,.44,1), /* for fade-in */
                                     transform 0.55s cubic-bezier(.165,.84,.44,1) ; /* for move-in */
@@ -271,7 +271,7 @@ const chatgpt = {
         }
 
         // Insert text into elems
-        modalTitle.innerText = title || '' ; modalMessage.innerText = msg || '' ; chatgpt.renderHTML(modalMessage)
+        modalTitle.textContent = title || '' ; modalMessage.textContent = msg || '' ; chatgpt.renderHTML(modalMessage)
 
         // Create/append buttons (if provided) to buttons div
         const modalButtons = document.createElement('div')
@@ -1300,7 +1300,7 @@ const chatgpt = {
         const notificationDiv = document.createElement('div') // make div
         notificationDiv.id = Math.floor(chatgpt.randomFloat() * 1000000) + Date.now()
         notificationDiv.classList.add('chatgpt-notif')
-        notificationDiv.innerText = msg // insert msg
+        notificationDiv.textContent = msg // insert msg
         document.body.append(notificationDiv) // insert into DOM
 
         // Create/append close button
@@ -1333,7 +1333,7 @@ const chatgpt = {
                 notifStyle.setAttribute('last-updated', thisUpdated.toString())
                 document.head.append(notifStyle)
             }
-            notifStyle.innerText = ( // update prev/new style contents
+            notifStyle.textContent = ( // update prev/new style contents
                 '.chatgpt-notif {'
                     + 'font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",'
                         + '"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif ;'
diff --git a/docs/assets/js/src/onload-hacks.js b/docs/assets/js/src/onload-hacks.js
@@ -37,7 +37,7 @@ const iObserver = new IntersectionObserver(entries => entries.forEach(entry => {
             // Reset colors
             document.querySelector('#kudoai a').style.color = 'white'
             window.starColor = 'white';
-            (document.querySelector('#scrollbar-style') || {}).innerText = (
+            (document.querySelector('#scrollbar-style') || {}).textContent = (
                 ':root { scrollbar-color: rgb(210,210,210) #1a1a1a }'
               + 'body::-webkit-scrollbar-thumb { background-color: white }')
 
@@ -279,12 +279,12 @@ const onLoadObserver = new MutationObserver(() => {
                         scrollbarStyle.setAttribute('id', 'scrollbar-style')
                         document.head.append(scrollbarStyle)
                     }
-                    scrollbarStyle.innerText = (
+                    scrollbarStyle.textContent = (
                         `:root { scrollbar-color: ${ sectionColor } #1a1a1a }`
                       + `body::-webkit-scrollbar-thumb { background-color: ${ sectionColor } }`)
                     setTimeout(() => { // schedule color reset
                         if (window.starVelocity.z <= iniStarZvelocity) {
-                            scrollbarStyle.innerText = (
+                            scrollbarStyle.textContent = (
                                 ':root { scrollbar-color: rgb(210,210,210) #1a1a1a }'
                               + 'body::-webkit-scrollbar-thumb { background-color: white }')
                     }}, warpDuration + 5)
