Revert "html構造が見やすいようにした"

This reverts commit eb3f80b.
uzabase · Nov 4, 2024 · f30dd30 · f30dd30
1 parent eb3f80b
commit f30dd30
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/src/components/definitionList/sp-definition-list.ts b/src/components/definitionList/sp-definition-list.ts
@@ -9,6 +9,9 @@ const styles = new CSSStyleSheet();
 styles.replaceSync(`${resetStyle} ${foundationStyle} ${spDefinitionListStyle}`);
 
 export class SpDefinitionList extends HTMLElement {
+  #dlElement = document.createElement("dl");
+  #slotElement = document.createElement("slot");
+
   constructor() {
     super();
     this.attachShadow({ mode: "open" });
@@ -19,11 +22,9 @@ export class SpDefinitionList extends HTMLElement {
       ...this.shadowRoot.adoptedStyleSheets,
       styles,
     ];
-    this.shadowRoot.innerHTML = `
-      <dl class="base">
-        <slot></slot>
-      </dl>
-    `;
+    this.#dlElement.classList.add("base");
+    this.#dlElement.appendChild(this.#slotElement);
+    this.shadowRoot.appendChild(this.#dlElement);
   }
 }