Update: Use textContent instead of innerHtml

GunmaRamens · Nov 17, 2023 · aa4a327 · aa4a327
1 parent 7a58538
commit aa4a327
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/src/class/Kyomu/index.ts b/src/class/Kyomu/index.ts
@@ -1,6 +1,7 @@
 // 教務は学生の未来を担い、ゲーミングは学生の人生に彩りを加える
 // この二つのシステムを統合することで、学生の人生をより豊かにすることができる
-import changeQueryInnerHTML from "../../utils/changeQueryInnerHTML";
+import changeQueryTextContent from "@/utils/changeQueryTextContent";
+
 import { GundaiWebSite } from "../UnivWebsite";
 
 export const Kyomu = new GundaiWebSite("kyomu");
@@ -30,14 +31,14 @@ Kyomu.rainbow.enable = function () {
     this.bg.apply(".top_title_header", ".top_now_title");
 
     // トップページのウェルカムメッセージ
-    changeQueryInnerHTML("#loginHeader_lblWelcome_1_lbl", "よおこそ、群馬大学ゲーミング教務システムへ");
-    changeQueryInnerHTML(
+    changeQueryTextContent("#loginHeader_lblWelcome_1_lbl", "よおこそ、群馬大学ゲーミング教務システムへ");
+    changeQueryTextContent(
         "#loginHeader_lblWelcome_2_lbl",
         "このサイトでは、プレーヤーの群馬大学での𝑮𝒂𝒎𝒊𝒏𝒈 𝑳𝒊𝒇𝒆 𝑺𝒕𝒚𝒍𝒆をいい感じにします",
     );
 
     // トップページのお知らせ
-    changeQueryInnerHTML("#AllAnnualList_LblTitle", "ゲーミング ライフ スタイル");
+    changeQueryTextContent("#AllAnnualList_LblTitle", "ゲーミング ライフ スタイル");
 
     // 受信メッセージ一覧
     this.bgShadow.apply("#ctl00_phContents_ctlMesReceive_gridMes tr");

diff --git a/src/utils/changeQueryTextContent.ts b/src/utils/changeQueryTextContent.ts
@@ -0,0 +1,6 @@
+export default function changeQueryTextContent(query: string, textContent: string) {
+    const elements = document.querySelectorAll(query);
+    elements.forEach((element) => {
+        element.textContent = textContent;
+    });
+}