createElement.ts

/**
 * 要素生成のヘルパ
 * @param tagName 要素名
 * @param props プロパティ
 */
function createElement<
  K extends keyof HTMLElementTagNameMap,
  AK extends keyof HTMLElementTagNameMap[K]
>(
  tagName: K,
  props: Record<AK, HTMLElementTagNameMap[K][Extract<AK, string>]>
): HTMLElementTagNameMap[K] {
  const elem = document.createElement(tagName);
  for (const key in props) {
    elem[key] = props[key];
  }
  return elem;
}